If we can finalize the authentication endpoints from backend we can push it.

For example:
POST api/login
or
POST api/user/login

Any thoughts?

Following tasks needs to be done

• User Login interface ⏳
• User Register interface ( make request to admin ) ⏳

Closes #3

The project consists of the following modules. We hope to go through the following module by module as listed below.

• Employee contact registry.
• Company Events/Meetings/working Calendar
• Meeting room Booking system & meeting minutes
• Management Availability schedule
• Document Management system with permissions
• Visitor Pass Approval system

There are lot of ways out there for managing state in React. But we think most of those are overwhelming and lot of things to do. The most popular one in the industry right now is Redux. There lot of competitors also available such as MobX.

According to my opinion, with the introduction of React hooks the state management of react is become lot easier and it solved lot of hassles in state management.

Global State

Passing prop from the parent component to the child until the data get the component that needs the data can be messy with the growth of the application. (Aka prop-drilling) Also, the mutate the state can be even harder.
To avoid this error most of the state management libraries such as Redux, MobX use global state to avoid issue mentioned above.

what we actually need?

Most of the time in SPA we need to fetch data from our backend and cache those to further use. As well as share the state between components. According to my opinion to do these things, the Redux or similar solutions are overwhelming.
Instead, I'm suggesting the following solution(s) for state management here.

• Use the library called React Query to fetch data from our backend. (As well as caching, re-fetching)
• User React hooks and Context API for share state between components.

What actually React Query offers?

According to their documentation, the following are the features they offer.

Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)
Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)
Parallel + Dependent Queries
Mutations + Reactive Query Refetching
Multi-layer Cache + Automatic Garbage Collection
Paginated + Cursor-based Queries
Load-More + Infinite Scroll Queries w/ Scroll Recovery
Request Cancellation
React Suspense + Fetch-As-You-Render Query Prefetching
Dedicated Devtools (React Query Devtools)

Need to implement following features.

• Token based user auth
• User account request function

Need to create employee listing view. This view would be a usual data table that display information about the employees. This data table should have following features.

• Register new employees
• Sort particular employ from his phone number,department, Job title and view complete information about him/her.
• Edit information about a employee.
• Remove employee from the list.

Since we are still in early stage of our back end project, let's use JSON server as a prototyping backend.