Reddit Clone

Clone application that contains many functions of Reddit, one of the most popular social media applications in the world.

Tech Stack

Client: React, Next.js, Typescript, ChakraUI, Recoil, React-Icons, Moment

Server: Firebase v9

Run Locally

Clone the project

  git clone https://github.com/tugaydmrl/reddit-clone

Go to the project directory

  cd reddit-clone

Install dependencies

  yarn
  # or
  npm install

Start the server

  yarn dev
  # or
  npm run dev

Demo

Live

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NEXT_PUBLIC_FIREBASE_API_KEY

NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN

NEXT_PUBLIC_FIREBASE_PROJECT_ID

NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET

NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID

NEXT_PUBLIC_FIREBASE_APP_ID

These variables will be provided to you from Google Firebase.

Features

• Reusable components
• Responsive design
• User Authentication (You can Sign Up with E-Mail or Google Provider)
• Create or join community
• Create post in a community
• Vote on posts
• Store data on Google Firestore

Screenshots

Some screenshots from app

Auth Login Modal

Auth Sign Up Modal

Homepage Logged-Out User

Homepage Logged-In User

Community Page

Create Post Page

Mobile

Firebase Firestore

Appendix

Some features are decorative (Premium, Comment Edit, Search Button etc.)