First of all, I did not think of clonning another websites in my whole journey, Only to know what I'm capable of after learning the MERN stack 4 months ago.

It was really challenging in these different layouts especially on mobile, Also browser support wasn't that good so I couldn't use some stuff as in css the :has() pseudo class.

I Deep dived in Redux toolkit and RTK query, Learned lots of stuff like lazy quering and cache invalidation.
I practiced Json web tokens (aka JWT) in advance for issuing access & refresh tokens on login either from Google/Github OAuth or manual authentication and logging them out automatically after expiration.

Got familiar with Vercel/Render deployments, Faced so many problems in this journey, It was full of error handling, stress and panicking😂, There was alot going on in this phase.

Eventually, I was satisfied and pleased with the results!

Don't forget to share this as much as possible and let's get started folks😇.

Frontend

• React
• Redux toolkit (Advanced RTK)
• Tailwind
• Styled components
• Framer motion
• React router
• Cloudinary (Image hosting)

Backend

• MongoDB
• Express
• Node.js
• OAuth (Google/Github)
• JWT
• Socket.io (Real-time)
• Cloudinary
• Mongoose
• Axios

• Login / Signup
• View / Edit Profile
• Google / Github OAuth
• Ultimate mobile responsiveness
• Real-time Notifications Toasted
• CRUD Posts / Comments / Replies / Tags
• Follow / Unfollow Users
• Follow / Unfollow Tags
• Like / Unicorn / Bookmark Posts
• Like comments
• Advanced Search engine for posts, people and tags
• Filter for posts
• Reading List
• Dashboard