mrgunes / bytecode-test

Frontend Task - React

challenge task link

---

Setup Project

---

install dependencies

$ yarn install

Generate random data (using faker package)

$ yarn generate

Run project

It will start both server and frontend

$ yarn dev

---

Description

• bootstraped by create-react-app
• used AntD and styled component for UI design
• styled component files is end with .styles.js
• axios for server api call

---

Folder structure

components

• It's a used for create re-usable component

layout

• used for different layouts, like common layout with header, footer, sidebar; and auth layout without header, footer, sidebar

services

• used for server api call
• Config
  • used for setup common axios instance

views

• full page and main components

routes.js

• define routes for all pages