chemiadel / dz-dev-discord-assigment1

React/TypeScript/Redux Assigment

About

This assignment is about to front-end application based on API using ReactJS.

APPLICATION ARCHITECTURE

• Login page

• Main page

• Add Page

• Edit Page

• Delete Modal

WORK FLOW

• User Sign in using

  POSTMAN workspace : POSTMAN collection

  -- endpoint POST https://dz-dev-discord-assigment1-api.herokuapp.com/login

  Content-type JSON

  "email": "[e-mail]"

  "password": "somePassword"

• Getting token from Login step Fetch data from API then store in state in Redux specifially or React Context

  note: add token on the BEARER headers

  -- endpoint GET https://dz-dev-discord-assigment1-api.herokuapp.com/data

• After saving it in the global context we need to have ability to make changes on this data.

  -- Show data in Table

  -- Adding new user to the state (data fetched from API and stored)

  -- Editting a specific user from the table

  -- Modal to delete the row from state

REQUIRMENTS

• Using Create React App https://create-react-app.dev/
• Redux toolkits OR React Context https://redux-toolkit.js.org/ || https://reactjs.org/docs/context.html
• Routing using React-Route https://reactrouter.com/docs/en/v6/getting-started/tutorial