This project is a clone of a thread web application built with Next.js, TypeScript, React.js, MongoDB, and Clerk. It provides a platform for users to create threads, post comments, and engage in discussions.
- Thread Creation: Users can create new threads and initiate discussions on various topics.
- Commenting: Users can post comments on existing threads to share their thoughts.
- User Authentication: Secure user authentication using JWT tokens.
- MongoDB Integration: Data storage and retrieval using MongoDB for a scalable and efficient application.
- Next.js - React framework for server-rendered applications.
- React.js - A JavaScript library for building user interfaces.
- TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
- MongoDB - A NoSQL database for scalable and flexible data storage.
- Clerk - Clerk for authentication and authorization.
- Node.js and npm installed.
- Clerk tokens
- MongoDB server running.
-
Clone the repository:
git clone https://github.com/your-username/thread-webapp-clone.git
-
Install dependencies:
cd thread-webapp-clone npm install
-
Configure environment variables:
Create a
.env
file in the root directory and add the necessary environment variables:MONGODB_URI=your-mongodb-uri CLERK_TOKEN=your-clerk-token
-
Run the application:
npm run dev
The application should now be running on http://localhost:3000
.
![Screenshot 2023-12-03 at 01 11 04](https://private-user-images.githubusercontent.com/63906998/287471326-489db760-326d-4911-8d0c-e4076ed457e0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzMjYtNDg5ZGI3NjAtMzI2ZC00OTExLThkMGMtZTQwNzZlZDQ1N2UwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIyYjc5ZThlMWE2MTIyMGZiYTYyOWMwMjYwM2NhYTJhMjU1MWY1ZGIzZTZjMDYzNjY5OWJjNzlhYTUyMWNhYWImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Kt15U68yvn9fdXGrpGk4b-Gvh02ByqiJ0hc1xRixzl0)
![Screenshot 2023-12-03 at 00 21 33](https://private-user-images.githubusercontent.com/63906998/287471353-4afd33a5-c3c9-4664-abaa-5abca375b54a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNTMtNGFmZDMzYTUtYzNjOS00NjY0LWFiYWEtNWFiY2EzNzViNTRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQyMDM1NjY4ZGRlMDdlNzJiOTYyNWYxMTRlMzdlZTYzNDg5NTlhMWYxOGFiN2JmZDgyOWVkYTA2YTM2MDUzOTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.3ZwiCkQ4nAh2k9KGXSoQ34aSk0sUl2L12pVx5LXPJa0)
![Screenshot 2023-12-03 at 00 22 12](https://private-user-images.githubusercontent.com/63906998/287471361-717bf09a-2988-4b56-8da8-cfe265f539d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNjEtNzE3YmYwOWEtMjk4OC00YjU2LThkYTgtY2ZlMjY1ZjUzOWQwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFmOGU3Nzc4ZmM2YWY2MDc5YTEwN2FmMWUyYmQzZmE3NDVjNjA4ZDYyZjYzZTVmYTBkN2QzMTE0N2RhZjY1ZGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.kWYfO0o3-CQL4TSFMfIgV_kRhzKQuc5bELqer10zOmM)
![Screenshot 2023-12-03 at 00 22 20](https://private-user-images.githubusercontent.com/63906998/287471366-157a605b-edd6-4d78-a736-4c9785a56846.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNjYtMTU3YTYwNWItZWRkNi00ZDc4LWE3MzYtNGM5Nzg1YTU2ODQ2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWUxYzljZTJiYTYzYzQxNDRiYjk0ZjI2MjBmMTVkNTdmOTk3N2E4NmQwMjE5Y2QwN2ZlZWIzMzZiNDZiZTlkNTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.o9T6zYmCXUYQOT8wgoiSqMyyiUB8tmx-shnwlNrbst8)
![Screenshot 2023-12-03 at 01 10 31](https://private-user-images.githubusercontent.com/63906998/287471376-e0f9a190-3fcf-4377-88ff-b5f528bf3b6a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNzYtZTBmOWExOTAtM2ZjZi00Mzc3LTg4ZmYtYjVmNTI4YmYzYjZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU0ZGE4N2YwODhhYjY4NDI3NjVlZTJlMTIwNGNiNzlhYjQ0MzE1ZmZiZDMyM2NiMDU1YzRiMGE2Zjc4Mzk0OTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AEPyvExUYXVP5kZXp9pH9ykbFOcoA1plV2grZe3wv20)
![Screenshot 2023-12-03 at 01 10 41](https://private-user-images.githubusercontent.com/63906998/287471381-b4bc69f6-d82e-4c40-bce9-a9a4aab593b8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzODEtYjRiYzY5ZjYtZDgyZS00YzQwLWJjZTktYTlhNGFhYjU5M2I4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRiYmUzZGQ3ZTQxOThjYTc4ZjY1MmRhNWQ2NDkxNDNlM2Q5MTZlMjk1OWM0N2Q5ODUzNmM2YjBiMmM2ZDQ4YjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Uk8X-ISWadRbmcjisY2d9asN50LVfxTc_BdYZmOb-t0)
![Screenshot 2023-12-03 at 01 10 53](https://private-user-images.githubusercontent.com/63906998/287471382-1dc054b2-118f-4fd7-b622-bf9f8c2dc72a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDY1MjUsIm5iZiI6MTcyNDEwNjIyNSwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzODItMWRjMDU0YjItMTE4Zi00ZmQ3LWI2MjItYmY5ZjhjMmRjNzJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIyMjM0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzYmJmZWZhZDlmNmQ3ZDRjNTM1YWMxYzgxMzZmM2MwNzkzYzc3NjIwMmVmNWM0Yzg1MzVjMzQxNzEwZDZmODUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.A85DVFTX9jlZb9pZAUuz0iy_k5Y_GvqGxVUcCbb3O4w)
Project is live at threads.nextjs.app