This project is an educational Twitter clone developed to mimic the core functionalities of Twitter using modern web technologies. The goal of the project is to improve my web application development skills and learn modern web technologies. You can use this project to understand the basic features of Twitter, perform user registration and login, create tweets, view replies, and track likes.
The project is built on the React framework and provides an easily customizable and responsive user interface with Tailwind CSS. Next.js supports performance improvements such as page routing and data preloading. Prisma and MongoDB are used for database operations, while NextAuth manages user authentication and authorization processes.
By running this project, you can experience the development process of a real web application and learn how to build a project from scratch using modern web technologies.
This project is an excellent learning resource for students, software developers, and beginners in the web development learning process. By analyzing the code and implementing the project, you can gain experience.
Note: This project aims to mimic the core functionalities of Twitter rather than creating an exact replica of Twitter. It does not have any connection or integration with the original Twitter.
- Registration and login
- Users can create tweets (Editing and deleting will be added later)
- Users can reply to and like tweets
- Users can edit their profile pages and change their profile pictures and cover photos
- The homepage displays the user's own tweets and the tweets of the users they follow
- Users can follow other users and view the tweets of the users they follow
- Users can receive real-time notifications
- React
- Tailwind CSS
- Next.js
- Prisma
- MongoDB
- NextAuth
- Clone the project
git clone https://github.com/kadirmetin/twitter-clone.git- Navigate to the project directory
cd twitter-clone- Install the required packages
npm install- Set the environment variables:
DATABASE_URL=<MongoDB connection URL>
NEXTAUTH_JWT_SECRET="NEXT_AUTH_JWT_SECRET"
NEXTAUTH_SECRET="NEXT_AUTH_SECRET"- Run the server
npm run dev- @AntonioErdeljac thanks for the amazing study video :)