Skip to content

ahmedrafat-SW/reddit-ui

Repository files navigation

Reddit UI

About

Reddit Front-end using the Angular framework.

Structure

The repository contains the following main components:

1. Folders and Files

  • src: Contains the source code of the Angular application.
  • .vscode: Visual Studio Code configuration files.
  • angular.json: Angular CLI configuration file.
  • package.json: Contains dependencies and scripts for the project.
  • tailwind.config.js: Configuration file for Tailwind CSS.
  • tsconfig.json: TypeScript configuration file.

Features

  • Home Page: Displays the home page of the Reddit clone.
  • Create Post: Allows users to create a new post.
  • View Post: View a specific post with comments.
  • Create Subreddit: Allows users to create a new subreddit.
  • User Profile: Displays the user's profile page.
  • Sign Up: User registration page.
  • Login: User login page.

Screenshots

Home Page

Screenshot from 2023-11-10 01-20-11

Create Post

Screenshot from 2023-11-28 10-24-52

View Post

Screenshot from 2023-11-28 10-24-30

Create Subreddit

Screenshot from 2023-11-09 15-47-13

User Profile

Screenshot from 2023-11-28 10-32-02

Sign Up

Screenshot from 2023-11-09 15-43-53

Login

Screenshot from 2023-11-09 15-18-41

How to Use

  1. Clone the repository:
    git clone https://github.com/ahmedrafat-SW/reddit-ui.git
  2. Navigate to the project directory:
    cd reddit-ui
  3. Install the dependencies::
    npm install
  4. Start the development server:
    ng serve