ClenchSnap

A Social media app made using mern stack with TypeScript

Features

• Fully responsive
• Protected and Public route
• Error handling
• Login and Signup functionality
• Create Account and Update Account
• Custom Profile pictures
• Home, Explore, Profile, Setting page
• Single Post page
• Create, Edit and Delete post management
• Add, edit and delete comment management on single post
• Like, Dislike and Save to Bookmark management
• Search users with debounce implementation
• Filter posts by trending, oldest and recent first
• User Friendly toast

Tech Stack

• React for UI
• ContextAPI with useReducer
• React Toastify for notifications
• TypeScript in development
• React Router Dom with new Data APIs to fetching data
• TailwindCSS for Styling
• Cloudinary for image uploading
• MongoDB, Express, Mongoose, Node for backend
• JWT for authentication
• bcryptjs for password hashing

Demo

ClenchSnap.mp4