Social Media App Like Twitter or Linkedin

--LIVE--

Demo

• On first time opening this website/or after logging out, user will be redirected to Login Page and will ask to login using google account

• User can see all the posts and replies on the Home Page

• User can post Text and Images(Drag and Drop).

• User can change their cover image by dragging the image from local drive dropping to the the cover area.

• User can Reply on the post as well as Reply on the Replies

• User can Like the Posts and Replies

• User can edit their Bio, Username, and Display Name on their User Page.

• User can see their user posts and replies on the user page(user can access their page by clicking on their name or image).

• User can Logout using Logout button under the posts of the Home Page.

Tech Stack

• Nextjs: Used for the frontend as well as for the backend.
• MonogDB ATLAS: Cloud DataBase
• Next-Auth: To Google Authentication
• TailWind CSS: CSS framework.
• Cloudinary to Store Images
• @next-auth/mongodb-adapter
• Mongoose
• Axios
• React-File-Drop
• react-flip-numbers
• javascript-time-ago
• React-Spinner

TODO

• Fix upload image(cover)
• Add update image to profile
• Add Trending/News/Weather to fill Side White Space
• Search Functionality to Search Users

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.