/old-twitter-clone

Clone of the old Twitter, 2007-2008. Referenced by images on the internet.

Primary LanguageJavaScriptMIT LicenseMIT

Old Twitter Clone

Clone of Twitter from 2007-2008.

Deployment: Old Twitter (Old Heroku Url)

Deployment: Old Twitter (New Vercel Deployment)

Tech

Client: HTML, CSS, Javascript, Bootstrap, React, Next.js

Server: Next.js API Routes, MongoDB, Mongoose

Features

  • Home/Login page
  • Feed page
  • Profile page
  • Pages with 2008 layout of Twitter
  • Account & profile creation
  • Random profile image from different colored default eggs
  • Logging in & sessions
  • Tweeting
  • MongoDB database using mongoose
  • Profile pages with express routing parameters
  • Template for profile and feed pages with EJS
  • Fav icon, fav and unfav functions for tweets
  • Delete icon and deleting your own tweets
  • Following & unfollowing system
  • Logging out
  • Searching for tweets and users
  • List page for search results and lists of followers, followings, liked tweets etc.
  • List page for followings and followers
  • Replying function for all tweets
  • Tweet pages for viewing parent and child tweets
  • Route parameters for own pages of tweets
  • Flash messages
  • MVC Structure
  • Middlewares for authentication and redirect
  • Register validation for username, email and password
  • Layout improvements
  • Fake acounts and posts for population

Lessons Learned

While building this project, I learned how important it is for the pages to be responsive. I learned how high the probability of the user to encounter any errors and how critical it is to find and debug these errors. It was hard, challenging for me to construct database system (it was my first time); but i have managed to overcome it with great effort. I was unexperienced in techs like EJS, Express and Databases but it became was a great experience for me about theese and other techs.

Screenshots

  • Main Page

screenshot-1

  • Register Page

screenshot-2

  • Profile Page

screenshot-3

  • Feed Page

screenshot-4

  • Tweet & Reply Page

screenshot-4

Feedback

If you have any feedback, please reach out to me at coskntkk@gmail.com