Phone Catalog App

Show List of Phones. If user click on a phone it will take to details page and show additional details about the phone.

Tech Stack

Client: React, Redux, React Router, SCSS, Enzyme, Docker

Server: Node, Express

Project Details

• Redux for state management

• Axios for API fetching

• React Router for Navigation

• Use of Higher order Components, Alias

• SCSS for styling

• Responsive design

• Spinner, Lazy load, 404 page

• Test coverage using enzyme (Unit and Snapshot testing)

• Dockerized the frontend for development

Run Locally

Clone the project

  git clone git@github.com:Tanvir-rahman/phone-catalog-app.git

Go to the project directory

  cd phone-catalog-app

Backend

Go to the backend directory

  cd app-backend

Install dependencies

  yarn install

Start the server (Port 5000)

  node app.js

Frontend

Go to the frontend directory

  cd app-frontend

Install dependencies

  yarn install

Start the server

  yarn start

To run using docker (Port 3000)

  yarn dev

Running Tests

To run tests, run the following command

  yarn run test

Screenshots

API

FrontEnd

Responsive

Loader

Test Coverage

License

MIT

Authors

• @tanvir-rahman