Instagram Clone ๐ฑ ๐ Live Preview
A Full Stack clone of Instagram's features and a complete redesign of the UI. Built using React with TypeScript for the frontend, NodeJS for the backend, MongoDB for the database, and AWS S3 to store images.
Frontend
- React (Vite)
- TypeScript
- Styled Components
- RecoilJS
- React Query
Backend
- NodeJs
- TypeScript
- Express
- AWS S3
- MongoDB
- Firebase
Hosting
- Vercel
![Screen Shot 2023-05-15 at 8 33 40 PM](https://private-user-images.githubusercontent.com/56659226/238501714-835ee6ac-adcb-4550-afe6-5915eb0e2956.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NjYzMDIsIm5iZiI6MTcyNTc2NjAwMiwicGF0aCI6Ii81NjY1OTIyNi8yMzg1MDE3MTQtODM1ZWU2YWMtYWRjYi00NTUwLWFmZTYtNTkxNWViMGUyOTU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA4VDAzMjY0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU2ZTc1NWM2YmZiMGE4ZGEzZDc5MTY1ZGI1Njc4ZmJmYzBmNTc0ODlkOGI4ZGQzNThmY2E4NGViMDU4ZjgyZjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ruLpRV9oq5MZZPlnVkKOjQ9u4hOc4j7SMgnx_7Tv2FY)
![Screen Shot 2023-05-15 at 8 35 52 PM](https://private-user-images.githubusercontent.com/56659226/238501792-807c4e70-8970-4592-8159-cc5f592547df.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NjYzMDIsIm5iZiI6MTcyNTc2NjAwMiwicGF0aCI6Ii81NjY1OTIyNi8yMzg1MDE3OTItODA3YzRlNzAtODk3MC00NTkyLTgxNTktY2M1ZjU5MjU0N2RmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA4VDAzMjY0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTljZGI3ZTQxMGEwNmRlNWJlMWY2MDFjY2E0ZGFhMDgzZDRkYTY4YjRjNWMxZWQ4Njc0MjQwNWU4NzM2ODQ2ODMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.YmPEIC6gWYz-DAVdzcgi9iLYQ1DetvoMWicAIl0SsqA)
![Screen Shot 2023-05-15 at 8 29 00 PM](https://private-user-images.githubusercontent.com/56659226/238501095-de4cbb6b-2780-4c85-b33b-336457f0d7de.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3NjYzMDIsIm5iZiI6MTcyNTc2NjAwMiwicGF0aCI6Ii81NjY1OTIyNi8yMzg1MDEwOTUtZGU0Y2JiNmItMjc4MC00Yzg1LWIzM2ItMzM2NDU3ZjBkN2RlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA4VDAzMjY0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBhOTc5MWI5ZjA1NjM1OTNiZWYyNTlhNDk0ZTgwN2UxYWMzNTRkY2Q1NjE4YThiNDQxMjU5YjI3NTgwNmEzOTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UK2kPKeEH1ansttNczUp1L_SoGh-v5e7O_TR58OFmWg)