About: Samiptter

Checkout Samiptter

See it on Github

"Just Another Twitter Clone? Not Really!"

Samiptter is a social media site, inspired by Twitter (as if the name didn't make it obvious!). I've been working on Samiptter since April 2021. Since then the project has gone through several makeovers and tons of features have been added to it.

---

Tech Stack

The technologies used in the frontend were:

• React
• Redux
• Sass
• React Testing Library

The technologies used in the backend were:

• Node
• Express
• MongoDB
• Socket IO
• JWT

---

Features

Some of its noteworthy features:

• 🔒 Secure user registration & authentication
• 👀 Guest login to preview app without creating an account
• 💖 Create posts. Like, comment, delete posts
• 🌙 Switch between dark theme and light theme
• 😎 View user profiles and their posts
• ✍️ Edit your profile details
• 🔎 Search users and posts
• 🌟 User verification badge
• 🛠️ Admin privileges to monitor users and posts.
• 👌 Responsive on all screen sizes

---

Sneak Peek

Enough Talking! Let's take a sneak peek at some of the screenshots.

Login Page

Home Page

Search Page

Profile Page

Post Page

Dark Mode

---

Why Samiptter?

Ever since the first day, I started learning "Web Development", my dream project was to build a social media site. Probably, the reason was I was blown away by "Facebook" when I first used it back in 2011. The whole world was in it. That was when I got interested in the "Internet" and the endless possibility that it brought with it. That was the moment I knew that:

---

Dawn of Samiptter

After 4 months of learning i.e around August of 2020, I tried building a "twitter clone". I knew I didn't have enough knowledge to build it, but to my surprise, I was able to build a very bare-bones version of it. I remember the authentication was so hacky because I really didn't know much about it. Now that I think about it, though it was terrible the most important thing was I learned many things, and these kinds of risks pay off. Then after I gained some more knowledge and experience, I couldn't stop myself from going back to that project and rebuilding it from the ground up.

I was using react-bootstrap initially for styling. I had almost built everything with it, but at a point, I was unsatisfied with how generic it looked. So I decided to redo the styling in the frontend. I fired up Figma and designed a brand new UI. Instead of react-bootstrap I wrote custom CSS using Sass. Later I also made a cute logo.

To this day, I still keep on adding features to Samiptter from time to time. It has become a playground for me to try new things and implement cool features.