Employee Attendance System Project in React

General Instructions project:

$$ The project will be implemented and created in HTML$,$ CSS$,$ and JavaScript $($React and Vanilla$).$

$$ The main purpose is to create a web page running on a React framework and access a DB on the Internet or a DB running locally.

$$ HTML and CSS usage for nice$-$looking, user$-$friendly pages is important and worthy.

$$ You are expected to execute queries, including at least SELECT, INSERT, DELETE, and UPDATE $($CRUD operations$)$ via a web page.

$$ The more React and vanilla JavaScript, complex and hard$-$working, the more grade you will get.

$$ DB might be whichever you choose, and it can be local or remote.

$$ The structure in the DB will NOT be assessed. You will only use it for storing data.

$$ The user$-$friendly system, easy usage, and understanding will be highly evaluated.

$$ Registration $($Sign$-$in$,$ sign$-$up$,$ etc.$)$ options will be presented.

$$ Concentrate on giving a warning system. If you do this, this won$$t be possible for that reason.., etc. Easy$-$to$-$use, easy$-$to$-$grab applications are the goal.

$$ Chrome or MS$.$ Edge browser will be used for presenting the projects, no other browser.

$$ At least $2$ actors will be defined in the system, such as admin and user. Assume also that you can have multiple users with different privileges. $($the codes should be answered with the names of all files$)$