Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ilyanosovsky/threads-clone
Social Media App similar to Threads but with some extra Features
https://github.com/ilyanosovsky/threads-clone
chakra-ui cloudinary expressjs javascript jwt-authentication mongodb nodejs reactjs vercel-deployment vitejs
Last synced: 5 days ago
JSON representation
Social Media App similar to Threads but with some extra Features
- Host: GitHub
- URL: https://github.com/ilyanosovsky/threads-clone
- Owner: ilyanosovsky
- Created: 2023-11-17T17:37:18.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-18T18:31:01.000Z (about 1 year ago)
- Last Synced: 2024-11-07T19:42:42.290Z (about 2 months ago)
- Topics: chakra-ui, cloudinary, expressjs, javascript, jwt-authentication, mongodb, nodejs, reactjs, vercel-deployment, vitejs
- Language: JavaScript
- Homepage: https://threads-clone-five-lac.vercel.app/
- Size: 8.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Threads Clone
## Introduction
Welcome to Threads Clone, a web-based social media network inspired by Threads. This project offers a rich set of features allowing users to engage in a vibrant social environment. Here's what you can do:
Post
Reply
Notification
Gallery
- **Create and Update User Profiles:** Sign up and personalize your profile. Keep it fresh by updating your information anytime.
- **Follow/Unfollow Users:** Connect with others by following their profiles and, if needed, you can unfollow them too.
- **Post and Interact:** Share your thoughts and moments by creating posts, complete with image uploads. Engage with others by replying to their posts with images.
- **Dark/Light Mode:** Choose your preferred theme for the best viewing experience.
- **Mobile Responsive Design:** Enjoy a seamless experience on both desktop and mobile devices.
- **Notification System:** Stay updated with the activities of the users you follow.
## Technologies Used
This project is built using a combination of robust technologies:
- **Backend:**
- [NodeJS](https://nodejs.org/)
- [ExpressJS](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- [JWT](https://jwt.io/)
- [Cloudinary](https://cloudinary.com/)
- **Frontend:**
- [ReactJS](https://reactjs.org/)
- [ChakraUI](https://chakra-ui.com/)
## Installation
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/ilyanosovsky/threads-clone.git
```
2. Navigate to the project directory:
```bash
cd threads-clone
```
3. Install dependencies for both frontend and backend:
```bash
# Backend
cd backend
npm install
# Frontend
cd frontend
npm install
```
## Setting Up the .env File
You'll need to set up your .env file with the necessary configurations. Here's a template to get you started:
# Backend .env configuration
DB_URI=
JWT_SECRET=
CLOUDINARY_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
# Frontend .env configuration (if needed)
REACT_APP_API_URL=
Replace the placeholders with your actual configuration values.