Threads Clone is a social media platform with an integrated chat feature, designed for seamless user interactions. Users can sign up, create text posts, attach images, and engage in real-time conversations. The platform includes features like post replies, likes, user profiles, follow/unfollow functionality, and account management options such as updating user profiles and freezing accounts. The application is fully mobile-responsive, supports dark and light themes, and provides a user-friendly experience.
- Sign up and login: Users can easily create accounts and log in.
- Secure authentication: Passwords are hashed for secure user authentication.
- Robust Validation: Robust validation for user input on both the client and server sides.
- Responsive design: The platform is fully mobile-responsive for a seamless user experience.
- 404 page: Custom 404 page for handling invalid routes.
- Error handling: Informative error messages for a user-friendly experience.
- Loading spinners: Visual loading spinners for a smooth user experience.
- Toast notifications: Informative toast notifications for user actions.
- Dark and light themes: Choose between dark and light themes for a personalized experience.
- Logout functionality: Securely log out of the platform.
- Real-time updates: Stay informed with real-time updates for new posts and replies.
- Create and view posts: Users can create text posts and view posts from others.
- Attach images: Users can enhance their posts by attaching images.
- Engage with posts: Like and reply to posts similar to tweets.
- Profile interactions: Visit user profiles, follow/unfollow, and update user information.
- Account management: Freeze/unfreeze accounts and update account information.
- Suggested users: Get recommendations for users to follow.
- Delete posts: Users can remove their own posts.
- Generate Post with Gemini: Users can generate posts with Gemini.
- Proper Rate Limiting: Proper rate limiting for Gemini API to avoid abuse.
- Reply with AI: Users can reply to posts with AI.
- Send text and images: Users can communicate with each other using text and images.
- Online user status: Know when users are online.
- Notification tones: Receive notification tones for new messages when the chat is out of focus.
- Read receipts: Check if a message has been seen by the recipient.
- Efficient Loading: Visual loading spinners and lazy loading for images to enhance performance.
- Rate Limiting: Proper rate limiting for Gemini API to avoid abuse. (5 POSTS PER HOUR)
- tracing User actions: Proper states for components to avoid unnecessary re-renders and Api calls to backend.
- React: Building user interfaces with ease.
- Node.js: Server-side JavaScript runtime.
- Express.js: Web application framework for Node.js.
- MongoDB: Document database for storing application data.
- Mongoose: MongoDB object modeling tool for Node.js.
- JWT: JSON Web Token for secure user authentication.
- Bcrypt: Password hashing for secure user authentication.
- Gemini: AI model for generating text replies and posts.
- Socket.IO: Real-time communication for a responsive chat experience.
- Chakra UI: UI component library for React applications.
- Cloudinary: Cloud-based image and video management platform.
- rate-limiter-flexible: Rate limiting for Gemini API to avoid abuse.
- sass: CSS preprocessor for styling.
- recoil: State management library for React applications.
- Developer: Zeeshan Mukhtar
- LinkedIn: Zeeshan Mukhtar
This project is a follow-along tutorial inspired by the As a Programmer tutorial. Special thanks to burakorkmez for providing valuable learning resources and guidance.
Contributions, issues, and feature requests are welcome! Please feel free to open an issue or create a pull request.
Threads Clone is open source and distributed under the MIT License. Feel free to use, modify, and distribute the source code as per the terms of the license.
