Devices-clientapp

Front end application for code challenge

Front end application build on React. and styled using TailwindCSS.

Features include:

The main view is a dashboard where user can see all devices listed.
Styled using TailwindCSS
Filters using React-Select
Multiple device type filter
Sorting and Acendent and Descendent
Form validation
Server application used: devicesTask_serverApp

Installation and usage

1. Clone or download the repo

git clone https://github.com/emdavidmoreno/devices-clientapp

2. Install dependencies:

cd devices-clientapp
npm install or yarn install

3. Set up environment variables

cp .env.sample .env

Then set your backend server URL (the server app referred above. Please make sure they have diferent port if they are using localhost. By default the server project is using port 3000 like this app.

REACT_APP_API_URL = 'http://your-backend-server-url'

4. Start the application

npm start