Reddit Clone

Demonstration

1. SignUp and Login

2. Reddit Post Conversations

3. Search System

4. Reddit Profiles

• Backend Repository: https://github.com/jainamit130/Reddit-Clone-Backend
• Frontend Repository: https://github.com/jainamit130/Reddit-Clone-Client

Table of Contents

• Introduction
• Features
• Technology Stack
• Installation
  • Clone the Repositories
  • Backend Setup
  • Frontend Setup
• Usage
• API Endpoints
  • Authentication
  • Posts
  • Comments

Introduction

This project is a clone of Reddit, built to practice and demonstrate skills in full-stack development using Angular for the frontend and Spring Boot for the backend. It includes features such as user authentication, creating posts, and commenting on posts.

Features

• User Authentication (Sign Up, Log In, Log Out)
• Create, Read, Update, Delete (CRUD) Posts
• Upvote and Downvote Posts
• Comment on Posts
• User Profiles

Technology Stack

• Frontend: Angular
• Backend: Spring Boot
• Database: MySQL / PostgreSQL
• Authentication: JWT + Refresh Tokens

Installation

Clone the Repositories

bash git clone https://github.com/jainamit130/Reddit-Clone-Client.git git clone https://github.com/jainamit130/Reddit-Clone-Backend.git

Backend Setup

1. Navigate to the backend directory: cd Reddit-Clone-Backend

2. Install dependencies: mvn install

3. Set up environment variables: Set up application.properties file in src/main/resources directory and update the following to the respective database: spring.datasource.url=jdbc:mysql://localhost:3306/reddit_clone spring.datasource.username=your_mysql_username spring.datasource.password=your_mysql_password spring.jpa.hibernate.ddl-auto=update jwt.secret=your_secret_key

4. Start the backend server: Run the application on the local machine

Frontend Setup

1. Navigate to the frontend directory: cd Reddit-Clone-Client

2. Install dependencies: npm install

3. Start the frontend server: ng serve

4. Open your browser and navigate: http://localhost:4200/.

Usage

1. Open your browser and go to http://localhost:4200/
2. Sign up for a new account or log in with existing credentials.
3. Create new posts, upvote/downvote posts, and comment on posts.

API Endpoints

Authentication

1. POST /api/auth/register - Register a new user
2. POST /api/auth/login - Log in a user

Posts

1. GET /reddit/posts - Get all posts
2. POST /reddit/posts - Create a new post
3. GET /reddit/posts/:id - Get a single post by ID
4. PUT /reddit/posts/:id - Update a post by ID
5. DELETE /reddit/posts/:id - Delete a post by ID

Comments

1. POST /reddit/posts/:postId/comments - Add a comment to a post
2. GET /reddit/posts/:postId/comments - Get comments for a post