ReactJS Web App

This is a web application developed in React JS, where we can list all the users from api's and perform some functionalitios like sorting, filteration, pagination etc.

Requirements

For development, you will only need Node.js installed on your environement. Node.js is an environment for developing the server-side applications. React development happens on top of node.js.

How to install Node.js :

Windows:
  1. Download the windows installer from the following link: https://nodejs.org/en/download/
    The .msi file will be downloaded in your download directory.
  2. Run the installer and follow the command prompt. Accept the default installation setting.
  3. Restart your computer because you won't able to run without this step.
  4. Test: To make sure you have node and npm type the simple command
    node -v: it will show your installed node version.
    npm -v: it will show your installed npm version.

Instruction to start the project:

  1. Clone the project through git (url: https://github.com/shuvikash/DataPeaceAssignment.git) and go to that directory
  2. Run Command: npm install
    It will only install normal dependency of the package.json file.
  3. Run Command: npm install --only=dev
    It will install all the dev-dependency of the package.json file.
  4. Now all things are set up
    Command to run the server: npm run start
    or
    Command: npm start
    It will start the server on the configured port(In my case, it is 8080).
  5. Go to browser and type: http://localhost:8080/
    It will show the feteched users from API (http://demo9197058.mockable.io/users).
  6. Click on any table header it will sort the data in ascending and descending order.
  7. You can filter the users by typing on searching bar based on the first name.
  8. Click any table row, it will take you to the detail view page where a user is shown based on the id parameter of url.

    Thank you 👍 for reading this document. I hope this document will help you to understand more about the project.