Basic Employee Management System With React & .Net Core, JWT Used For Authentication & Authorization

Last update: Jul 9, 2022

Basic Employee Management System With React & .Net Core, JWT Used For Authentication & Authorization

Repo link

Contents

  • Database Design
  • Backend With .NET
  • Frontend With React
  • Screenshots

Database Design

The project was carried out dynamically, taking into account the given requirements. Since it is a project with few requirements, the design and implementation was carried out dynamically. Since the most fundamental part of the project is the database, it started with its design and implementation.

In the first place, the attributes that must be found in each entity were considered, they were reflected in a simple analysis. Since not much detail was requested in the project, the analysis part was completed in a short time, I will not talk more about the analysis carried out so as not to lengthen this section. The result of the ER diagram shown above has been reached.

The mapping process was carried out on the result obtained, so it was important to establish a database correctly. I will not mention the constraints needed in the analysis and the data types and length limits to be used for each attribute, so as not to prolong the report, the relevant section can be seen in detail in the scripts.

Backend With .NET

After writing the SQL scripts, the backend part was started. Entity Framework was used to implement it quickly and conveniently, so that models of all entities were created, and then control classes were written quickly to include the models.

JSON Web Tokens are used for session recording and data protection, not too detailed, the token is set up with a user name and password to perform the operation in a simple way, each created token has one hour validity. The token is stored in the client's local area.

Frontend With React

Finally, sketches of the interface were made. In addition, the Material UI component library is used to achieve a simple and effective design.

Screenshots

GitHub

https://github.com/andresrodriguez55/employeeManagementSystemReactMuiDotNetJwtAuth
You might also like...

An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express, MongoDB, JWT and Mongoose.

An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express, MongoDB, JWT and Mongoose.

A social media app using react, material ui, redux on frontend and nodejs, mongodb, and express on backend.

Jul 28, 2022

Node.js Express Login example (with Registration) using JWT, Cookies, MySQL database

Node.js Express Login example (with Registration) using JWT, Cookies, MySQL database

Node.js Express Login and Registration example with JWT Appropriate Flow for User Login and Registration with JWT Authentication Node.js Express Archi

Jul 30, 2022

Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Apr 13, 2022

A Quiz app Built With React, Used Redux for state management

A Quiz app Built With React, Used Redux for state management

React-Quiz-App 📚 For clone this repository in your machine pest below link in your terminal

Jul 28, 2022

Swiggy Clone - Main Tech Stack used are React and for state management Redux and Local Storage

Swiggy Clone - Main Tech Stack used are React and for state management Redux and Local Storage

Solo Construct week project executed in 7 days. Main Tech Stack used are React and for state management Redux and Local Storage is been used , for persisting the data Local Storage is used, All the Data used are manually created.

Jul 8, 2022

A React Application To Interact With Terra Core

A React Application To Interact With Terra Core

Terra Station Terra Station is a web application to interact with Terra Core. Terra Station allows users to: Send tokens Get involved with staking, wi

Jan 5, 2022

A full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features, seamless design, and excellent user experience.

A full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features, seamless design, and excellent user experience.

Appo Music About Appo Music is a full-stack clone of the incredible Apple Music online streaming platform, with an aim to re-create it's core features

Jul 30, 2022

Terra Station is a web application to interact with Terra Core.

Terra Station is a web application to interact with Terra Core.

Terra Station Terra Station is a web application to interact with Terra Core. Te

Aug 1, 2022

Human resource management system front-end codes with React.

Human resource management system front-end codes with React.

Human resource management system front-end codes with React.

Jul 22, 2022
Ticket-Tracker - Employee Ticket Counter Built With React
Ticket-Tracker - Employee Ticket Counter Built With React

Employee Ticket Counter This was the first React project issued to us on the _No

Jan 23, 2022
React + Recoil - JWT Authentication Example & Tutorial

React + Recoil - JWT Authentication Example & Tutorial

Aug 9, 2022
React App with JWT Authentication

Simple React App where the user can sign-up , login and add , delete secrets , the app covers concepts like React-Router , Context API , Hooks and JWT Authentication with Node JS and Mongo DB in Backend.

Nov 6, 2021
Hotel-management-admin - Admin panel of Hotel management system with Firebase Realtime Database Integration

Admin Panel of Hotel Management System This project is part of the Course of Web

May 21, 2022
Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.
Amazon Clone Application using React JS, Context API, Firebase and Stripe with full E-Commerce Functionalities like adding to cart feature, user authorization, payment and many more.

Amazon Clone is the Fully functional Real custom made Web application that covers and entire E-commerece functionality from designing, User Authentication till Payments build using React JS, Firebase and Stripe.

Jul 31, 2022
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Jul 11, 2022
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!
Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Personal blog and portfolio with a basic comment system created with react, php and mysql, hosted on github pages and backend hosted on heroku and clever cloud for free!

Aug 1, 2022
a simple user authentication system using React & PHP with restful php api
a simple user authentication system using React & PHP with restful php api

React-Pack-with-PHP-Restful-API User Authentication system using React & PHP React => frontend PHP => backend => Restful api Befor start using you sho

Jun 15, 2022
Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.
Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.

Probook - A social media app Probook App | A Social Media App An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express,

Jul 20, 2022
A plateform made for sharing static files with dynamic routing. Made using Express, React SSR, JWT, MySQL.

XeCours A plateform made for sharing static files with dynamic routing. Made using Express, React SSR, JWT, MySQL.

Jun 6, 2022