aryangarg02 / mern-twitter-clone-app

A full-stack Twitter clone app built using Node.js, Express.js, React.js, and MongoDB.

Twitter Clone

A full-stack Twitter clone app built using Node.js, Express.js, React.js, and MongoDB.

Untitled.3.1.mp4

Features Implemented

1. Authentication using jwt token, i.e user login and registration.
2. Create, Delete, Like, Dislike, Comment Tweet.
3. Create and Edit a User.
4. Follow and Unfollow User.
5. Update Profile picture including uploading images using multer.

Tech Stack Used

For Backend

• Nodejs (bakend language)
• Expressjs (framework to create REST APIs)
• Mongoose (connect mongoDb to express.js)
• jsonwebtoken (jwt auth)
• bcryptjs (to encrypt password)
• multer (uploading images)

For Frontend

• Reactjs
• Bootstrap (UI library)
• react router dom (routing in UI)
• react-toastify (for notifications)
• axios (call APIs)

How to run the app

Installing

Install server dependencies

$ cd server
$ npm install

Install client dependencies

$ cd client
$ npm install

Start the server in development mode

$ cd server
$ npm run start

If everything was successful, you should see the messages being displayed in the terminal, telling that the server has successfully connected to a MongoDB and runs on a given port.

Start the client

$ cd client
$ npm start

Now, the app should be running on http://localhost:3000.

Screenshots

Login Page

Register Page

Home Page

Post Tweet

Delete Tweet

Comment on tweet

Profile Page

Edit Profile

Upload Profile Pic

Tweet Details Page