/twitter-ui-clone

Responsive Twitter profile screen cloned with ReactJS and Styled Components.

Primary LanguageTypeScript

ReactJS Twitter Clone (Responsive)

📸 Overview:

responsive (less than 500px)

responsive (greater or equal than 500px)

responsive (greater or equal than 1000px)

responsive (greater or equal than 1280px)

Twitter clone GIF

💻 Project:

In this project I tried to replicate the Twitter interface with ReactJS.
I used the react-responsive lib to verify screen sizes, the react-sticky-box lib to make some containers sticky and the styled-icons lib to get the icons.
I made it responsive and used the following breakpoints:

  • < 500px
  • greater or equal than 500px
  • greater or equal than 1000px
  • greater or equal than 1280px

🚀 Technologies:

✔️ ReactJS

✔️ Styled Components

✔️ Typescript