Skip to content

nick-y-ito/x-twitter-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Z - Clone App of X (Twitter)

Screenshot 2024-03-14 at 14 34 23

Stack

  • TypeScript
  • React
  • Tailwind CSS
  • No other UI libraries are used

Features

What I Learned

  • How to organize the code for Context APIs
  • How to implement color theme switching functionality
  • How to create UI parts without using UI libraries
    • Character counter
    • Popover

Screen Captures

Character counter and expanding textarea

charactor-counter-and-expanding-textare.mov

Color Theme switching

color-theme-switching.mov

Getting Started

This project is a monorepo, so you need to install the dependencies for both the frontend and backend. Run the following commands in the root directory.

Install dependencies

npm ci

Run frontend and backend together

npm run dev

Run frontend and backend separately

npm run frontend
npm run server