Front-End Task

Author: Ammar Abul-Feilat

overview

Making a simple search Logger page with filters and a dynamic table fitched from and endpoint API Using NextJs and React with MDB(bootstrap)

Architecture

• ES6 ( ECMAScript 6)
• NextJs : 12.2.0v
• React : 17.0.2v
• MDB : 5.0.0v

How was initiated

Using NextJs

npx create-next-app --example with-mdbreact <name of the app>
# or
yarn create next-app --example with-mdbreact <name of the app>

Run the Project

• clone the repo && change directory to the repo

• run yarn install or npm install

• run npm run cypress

• open the browser and navigate to http://localhost:3000 to change the port you can specify yarn dev --port <port number>

• to run test file yarn test or npm run test

• also check it deployed on netlify by navigating to https://main--fabulous-donut-cbad68.netlify.app/

Checklist

• Code accompanies the Unit Tests
• Usage is clearly mentioned in the README file, This including setup the project, how to run it, how to run unit test, examples,etc
• Uses the endpoint directly