https://github.com/moncefdrew/breaddit

Full Stack Reddit Clone using Next JS ,React ,Tailwind ,Prisma and Mysql
https://github.com/moncefdrew/breaddit

database front-end mysql nextjs prisma reactjs tailwind-css

Last synced: 3 months ago
JSON representation

Full Stack Reddit Clone using Next JS ,React ,Tailwind ,Prisma and Mysql

Host: GitHub
URL: https://github.com/moncefdrew/breaddit
Owner: MoncefDrew
Created: 2024-10-19T22:09:22.000Z (over 1 year ago)
Default Branch: Master
Last Pushed: 2025-05-17T17:23:36.000Z (about 1 year ago)
Last Synced: 2025-10-30T20:40:59.550Z (8 months ago)
Topics: database, front-end, mysql, nextjs, prisma, reactjs, tailwind-css
Language: TypeScript
Homepage: https://breaddit-five.vercel.app
Size: 2.73 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

📣 Reddit Clone

A full-featured Reddit-style platform built with Next.js, React, Tailwind CSS, Prisma, and MySQL — supporting community creation, real-time interaction, and secure user authentication.

🚀 Features

🔐 Authentication: Secure login and registration using NextAuth.js.

🧵 Subreddit-Style Communities:
- Create and join communities
- Post content and interact via comments
- Upvote/downvote posts and comments
- Customize personal profiles

🛠 Community Management: Admins can define rules to ensure a safe environment.

📱 Responsive UI: Fully optimized for both desktop and mobile devices using Tailwind CSS.

⚡ Real-Time Updates: Live post and vote updates with Redis caching for performance.

🛠 Tech Stack

Frontend: Next.js 14, React, Tailwind CSS

Backend: Next.js API Routes, Prisma ORM, MySQL

Authentication: NextAuth.js with Google Provider

Caching & Realtime: Redis

Deployment: Easily deployable on Vercel or your preferred platform

🧑‍💻 Getting Started

Clone the repository

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

cd reddit-clone

Install dependencies
```
npm install
```

Setup environment variables

Create a .env file with the following required credentials:
- DATABASE_URL from Railway (MySQL)
- UPLOADTHING_SECRET and UPLOADTHING_APP_ID from UploadThing
- GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET from your Google OAuth app
- NEXTAUTH_SECRET for securing NextAuth sessions
- REDIS_URL for real-time caching