/frontend-task

frontend-task-Estarta (Dynamic Table - APi)

Primary LanguageJavaScript

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