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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzMjYtNDg5ZGI3NjAtMzI2ZC00OTExLThkMGMtZTQwNzZlZDQ1N2UwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNiNWMyMTUwMzllZjlmMjRiN2MzMDJiNWFjNGQwNjJkOTkxYjQwZjNiMjhkM2VjZmQxNDBiMjRlYmRjMjI2NzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fSjaU-HnoeclhPVioHBxU3JvtPYYXU13Xt_odiLWtt4)
![Screenshot 2023-12-03 at 00 21 33](https://private-user-images.githubusercontent.com/63906998/287471353-4afd33a5-c3c9-4664-abaa-5abca375b54a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNTMtNGFmZDMzYTUtYzNjOS00NjY0LWFiYWEtNWFiY2EzNzViNTRhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIwNmRjNTY1ODM0ZTE4YzFmYjczN2E2ZmFmYTA1MzhlODkyNzM0ZjYyNmI5OTI0MDc2YWMyMDRkZDdhNTE0MTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.vXiB57h0oymL-0FNbjpf5nlkvocB4n_HXL9YaE_Z10A)
![Screenshot 2023-12-03 at 00 22 12](https://private-user-images.githubusercontent.com/63906998/287471361-717bf09a-2988-4b56-8da8-cfe265f539d0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNjEtNzE3YmYwOWEtMjk4OC00YjU2LThkYTgtY2ZlMjY1ZjUzOWQwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVhN2YxODc0NzUxZDcyNWUxODk0NGU3ZDk4OWYxN2YzMTQxZTAyNzI4NjE0MGMyOTg1NDQ2MDMwMGUyODc1ZmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6R0qdVZT8K-A-RtyxCiRTGzOUGLfSmUK8iEEx6OwxiI)
![Screenshot 2023-12-03 at 00 22 20](https://private-user-images.githubusercontent.com/63906998/287471366-157a605b-edd6-4d78-a736-4c9785a56846.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNjYtMTU3YTYwNWItZWRkNi00ZDc4LWE3MzYtNGM5Nzg1YTU2ODQ2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdmNTBhZTFiMWZhMDk4MTdiYWQxZGU5YjNjNDBlNDg4MzM3YjNiNTAwMzU2MmEyZTkxMzMyMTMwZGI0OGZmNTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.9lTAVFeBqhSkGsiBxU2tjd6k7EYGxmUjmD27l2TiStE)
![Screenshot 2023-12-03 at 01 10 31](https://private-user-images.githubusercontent.com/63906998/287471376-e0f9a190-3fcf-4377-88ff-b5f528bf3b6a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzNzYtZTBmOWExOTAtM2ZjZi00Mzc3LTg4ZmYtYjVmNTI4YmYzYjZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMwNDA5OTkyNjk2ODc1MWIxODdjNWI2NTVjMzQ1ZmYwZWM2NGJhZjcwYmJiZjZkMzgwMzdjMjc5MjZiOTI2MGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.stZoWr8AJeVTKeW_hiG3jf5pME2n2Td5NA8ctiV5-9I)
![Screenshot 2023-12-03 at 01 10 41](https://private-user-images.githubusercontent.com/63906998/287471381-b4bc69f6-d82e-4c40-bce9-a9a4aab593b8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzODEtYjRiYzY5ZjYtZDgyZS00YzQwLWJjZTktYTlhNGFhYjU5M2I4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlMGQzY2EyMDAwZTliN2I3OGYxMTk1ZTRkMmUxOTY1NTI4NWM1MWI3ODVjMTUxNGVkY2ZjZDc2NjgyZDFiZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5H8EULXRTKWsrraucDxFHIfVNz75lG-2mlA4ykcUfPA)
![Screenshot 2023-12-03 at 01 10 53](https://private-user-images.githubusercontent.com/63906998/287471382-1dc054b2-118f-4fd7-b622-bf9f8c2dc72a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NjE0NjIsIm5iZiI6MTcyNTY2MTE2MiwicGF0aCI6Ii82MzkwNjk5OC8yODc0NzEzODItMWRjMDU0YjItMTE4Zi00ZmQ3LWI2MjItYmY5ZjhjMmRjNzJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDIyMTkyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE2NmFlOTYyZjBlYTU2ZDg1OTI2MTJmNTAwNmRhNTcwYWQxOGJkNmQzYjMxNjk3YjAxNjRkNTczYWRmZTQ5ODEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.p7L92nBYfEcCKTYHHg6d80tI-Jeqcp4vFVnUkHqSma4)
Project is live at threads.nextjs.app