Chirper

Social media web application based on Twitter. Create an account to post Chirps and follow other users or just explore what others have to say.

Technology

Client side

• React.js
• React Query
• React Location
• SASS
• TypeScript
• Webpack
• SWC
• axios
• React Hook Form
• React Hot Toast
• Zod

Server side

• Node.js
• Express.js
• MongoDB
• Mongoose.js
• TypeScript
• JWT
• Zod

Features

• Create, like, search, delete & reply to Chirps
• Create, edit & follow user accounts
• Scroll through your feed
• View Chirps you created or liked
• Explore all Chirps
• View followed & following users list
• Filter results on search page
• Infinite scrolling
• Responsive design
• Data caching
• Optimistic updates
• Light/Dark Mode
• Notifications
• Client & server side authentication
• Client & server side authorization
• Client & server side validation

Screenshots