Skip to content

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Notifications You must be signed in to change notification settings

MarioQuirosLuna/TwitterClone_FrontEnd-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Twitter-Clone_Front-end

GitHub issues GitHub closed issues GitHub pull requests

GitHub contributors GitHub repo size GitHub language count GitHub forks

โœจ Demo.

Login Home
Initial Home
Profile Message Notifications
profile message notifications

๐Ÿ’ป About the project.

This is an initial version of a project for educational purposes, so it is not fully developed yet, so it may present different errors. Likewise, only some functionalities have been implemented. Over time, some other features that twitter has will be added.

๐Ÿ“œ Descriptions.

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project, while fundamental soft skills such as teamwork and communication are put into practice.

๐Ÿ† Specifications.

  • I can see my profile or others' profile

  • When I am on a profile, I can see Tweets and Retweets. I can also filter by Tweets, Tweets and replies, Media and Likes

  • When I am on a profile, I can see followers and following

  • When I am on a profile, I can see follow or unfollow the user

  • I can navigate between Home, Explore and Bookmarks

  • I can navigate to My Profile, Group Chat (optional), Setting/Authentication App.

  • When I am on Home, I can post a new Tweet

  • When I post a new Tweet, I can choose to upload an image and set the Tweet to be public or only-follower

  • When I am on Home, I can see Tweets of people who I follow

  • I can Comment, Retweet, Like or Save a Tweet

  • I can Comment with image and I can like a comment

  • I can see the posted time of the Comments and Tweets

  • When I am on Home, I can see the most popular hashtags and people I should follow (it's up to you how to implement this)

  • When I am on Explore, I can see the Top, Latest Tweet, or Tweet with Media. I can also choose to see the most popular people

  • When I am on Bookmarks, I can see the Saved Tweet

  • I can search for a group

โญ Languages.

HTML CSS Javascript

๐ŸŽจ Frameworks.

React

Sass

๐Ÿ’พ Databases and cloud hosting.

๐Ÿ› ๏ธ Software and Tools.

Git GitHub ESlint

Vercel

VisualStudioCode

๐Ÿš€ Getting Started.

๐Ÿ“Œ Prerequisites and dependencies.

  • React
  • React-Dom
  • React-Scripts
  • Axios
  • Sass
  • React-router-dom
  • Mui/material
  • Mui/icons-material
  • Emotion/styled
  • Emotion/react

๐Ÿ‘‰ Installation.

In your local repository

npm install

โšก Executing.

npm start

โ˜• Collaborators.

  • Mario Quiros Luna
  • Isabel Portuguez Calderรณn
  • Jorge Madrigal Solano
  • Bryan Soto Ureรฑa

๐Ÿ“ License.

๐Ÿ’ฌ Contact.

  • Mario Quirรณs Luna

Website LinkedIn Twitter URL

  • Isabel Portuguez Calderรณn

LinkedIn Twitter URL

  • Jorge Madrigal Solano
  • Bryan Soto Ureรฑa

๐Ÿ’œ Acknowledgments.

About

It consists of a recreation of Twitter, to put into practice knowledge of both Front-end and Back-end implementing the MERN Stack along with other technologies to add more value to the project.

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •