client - frontend folder
server - backend folder with mongoDB database and API.
- Responsive
- Simple Login, Register and Logout functionalities.
- UI - design
- Deployed on Vercel
- Context API
Tech used →
- Context API - to get user data wherever required
- Apex chart - Pie chart / used for CHARTS
- Node js & express js - for login and new user register and logout functionalities [API]
- MongoDB - to store the users details
- Tailwind CSS - designing UI
- React js - fronted
The application comprises a login and registration interface allowing users to sign up and log in. Upon successful login, users are redirected to the dashboard. Here, they gain visibility of total number of Employes and their respective working timings. All user data is securely stored in a MongoDB database. The app utilizes React JS along with Apex Charts to present database information in graphical representations, enhancing data visualization and interaction.
![Apex chart with MERN and basic auth and DB](https://private-user-images.githubusercontent.com/109411443/292766903-c6e42c62-eec5-4eca-aec7-40a5948ac36f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0NjU5NzIsIm5iZiI6MTcyNTQ2NTY3MiwicGF0aCI6Ii8xMDk0MTE0NDMvMjkyNzY2OTAzLWM2ZTQyYzYyLWVlYzUtNGVjYS1hZWM3LTQwYTU5NDhhYzM2Zi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwNFQxNjAxMTJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYmZiZmRlNmRmNjQ2OTQzZGZjODVjNDU5NGU5MDAzNTQyZGY0ZTNjYWFlMTA4MGZjNGY2YmU1YmNiMmZmZGRlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.2E-UfRvnjNf5xibfS2WS16SMjXRFwKIxffsvUOCx-Gk)