/reddit-ui

Reddit clone application built using Spring Boot, Spring Security, Hibernate, Angular, Tailwind CSS, and MySQL. The project mimics the core functionality of Reddit, providing a platform for users to post content, comment, upvote, and downvote posts, while incorporating robust security features like OAuth2 authentication, JWT authorization

Primary LanguageTypeScript

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