Welcome to the Threads Clone repository! This project is a social media web application inspired by Threads, allowing users to share posts, interact with others, and explore content in a dynamic and user-friendly interface.
Check out the live version of the app here: Flicksy
- User Authentication: Sign up, log in, and log out securely.
- Post Creation: Share your thoughts through text-based posts.
- Feed: View posts from other users in a scrollable feed.
- Like and Comment: Interact with posts through likes and comments.
- Responsive Design: Optimized for both desktop and mobile devices.
- real time chat : implemented real time communicatin with socket.io.
- follow and unfollow: you can follow and unfollow a user.
- dark light mode : implemented dark and light mode
This project is built using the following technologies:
- Frontend: React.js, CSS (for styling)
- Backend: Node.js, Express.js
- Database: MongoDB
- Deployment: Render
- Authentication and Authorization : jsonwebtoken
- cloudinary:for image upload
Follow these steps to run the project locally:
-
Clone the repository:
git clone https://github.com/yourusername/threads-clone.git cd threads-clone
-
Install dependencies:
npm install cd frontend npm install cd ../
-
Set up environment variables:
- Create a
.env
file in the root directory. - Add the following variables:
MONGO_URI=<Your MongoDB connection string> JWT_SECRET=<Your secret key for authentication> PORT = <your port number> CLOUDINARY_CLOUD_NAME = <your cloudinary cloud name> CLOUDINARY_API_KEY =<your cloudinary api key> CLOUDINARY_API_SECRET = <your cloudinary secrets>
- Create a
-
Run the app:
- Start the backend:
cd backend npm run dev/ npm start
- Start the frontend:
cd frontend npm start/ npm run dev
- Start the backend:
-
Access the app: Open your browser and go to
http://localhost:5000
.
Contributions are welcome! Feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License.
If you have any feedback, please feel free to reach out or open an issue on GitHub.
Enjoy using the Threads Clone! 🎉