Skip to content

70928manson/react-ts-frontend-ig-clone

Repository files navigation

Instagram Lite clone

Instagram Lite clone is a practice project simulates Instagram's UI, Stories and Follower state handle.

The Stories feature includes automatic slideshow and pause playback functionality.

Tech Stack

  1. Built with React to enhance performance and user experience.
  2. Manages global application state with Redux (RTK) to streamline state management.
  3. Utilizes TypeScript for type definitions, improving code maintainability and security.
  4. Designs the user interface with Tailwind CSS.
  5. Implements lazy loading for images to boost performance by loading only visible content.

How to Use This Project?

  1. Install dependencies
npm i
  1. Start the project
npm run start

How to Format Code?

npm run prettier

How to Start the JSON Server?

npm run server

API Format for Testing

範例 file: db.json