Skip to content

Recreating some of the core features of Twitter using the MERN (Mongo, Express, React, Node) stack.

Notifications You must be signed in to change notification settings

andrewkatsumisloan/twitter-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 

Repository files navigation

twitter-clone-mern

The goal of this project is to recreate as much of Twitter as possible using the MERN (MongoDB, Express, React, Node) stack.

💻 Tech Stack 💻

  • JavaScript, React, HTML5, CSS/SCSS
  • Node / Express.js
  • MongoDB
  • Redux
  • Google OAuth 2.0
  • Docker 🐋
  • Chakra-UI / Material-UI

👉 Current functionality 👈

  • Basic Twitter layout/framework complete
  • Post something to the timeline (text only for now)
  • Delete your posts from the timeline
  • Responsive design — mobile friendly
  • Users can navigate to their profile via the sidebar and see all the posts they've made and a profile header.
  • Users can like posts (their own and others!)
  • Users can view their own posts and their own likes by navigating to their profiles and navigating between these tabs.

👷‍♂️ Work in Progress 👷‍♂️

  • Modernize Redux implementation, use slices
  • Unit + Integration Testing
  • Search function
  • Create a place on your profile to view all of your liked posts

📷 Screenshots 📷

Screen Shot 2022-10-02 at 23 52 29

Profile View Screen Shot 2022-10-04 at 13 45 38

Miscellaneous

By the time this project is finished, you should be able to run it simply by replacing the database connection string in the .env file and executing docker-compose build and docker-compose up -d in the terminal.

About

Recreating some of the core features of Twitter using the MERN (Mongo, Express, React, Node) stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published