This is a demo project for the Freelancer code challenge.

Getting Started

  1. Install your dependencies:
 npm install
  1. Run Test cases
npm run test
  1. Run the development server:
npm run dev

Login Details

Username : mor_2314
Password : 83r5^_

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

You can start editing the page by modifying app/pages/index.tsx.

General information

  • Everything is separate and kind of in its hierarchy.
  • This folder structure is very effective when having complex projects and a large team of developers.
  • Code has very less comments that's intentional because a good code should be self-explanatory without explicit comments.
  • To make this more realistic we have used fakestoreapi.com for login and fetching data.

Tests

  • We have written tests using Jest and can be found under src/tests folder

Screenshot

  1. Login image

  2. Dashboard - Grid View image

  3. Dashboard - List View image