kadphol / instagram-clone Goto Github PK

This is Instagram clone project using Next.js, React, Material-UI, Tailwind CSS and React-icons. Come with responsive design and following features:

• login page (without any authentication/guest login)
• home page
• reponsive menu
• mocked feed data

• Next
• React
• Material-UI
• Tailwind
• React-icons

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

This is an example of how to list things you need to use the software and how to install them.

• yarn

  npm install --global yarn

1. Clone the repo or extract the zip file

   SSH
   git clone [email protected]:Kadphol/instagram-clone.git

   HTTPS
   git clone https://github.com/Kadphol/instagram-clone.git

2. Install packages

   yarn

3. Use this command to run project

    yarn dev

4. Open http://localhost:3000 with your browser to see the result.

• Enter home page without any login/authentication will direct to login page
• Can login with any valid email (email format) and valid password (one uppercase, one lowercase, one number and at least 8 characters) or using guest login
• After login, will redirect to home page

• Can see feed list
• Can like/unlike post
• Can comment post
• Can see comment list
• Can logout to go back to login page by click on the menu and click Log out

• Run unit test by using this command

  yarn test

• Run unit test with coverage by using this command

  yarn test:cov

  and see the coverage report in /coverage/lcov-report/index.html on root directory of project after run this command

• Refactor post component extract to smaller one.
• Add modal for comments when click view all comments instead of display it all.
• Add mock story feed.
• Manage data to state management.