Git Product home page Git Product logo

andresrodriguez55 / employeemanagementsystemreactmuidotnetjwtauth Goto Github PK

View Code? Open in Web Editor NEW
11.0 2.0 1.0 7.58 MB

[Assignment given by a company for evaluation] Basic Employee Management System With React, Material UI & .Net Core, JWT Used For Authentication & Authorization. Use the username and password "demo".

Home Page: https://andresrodriguez55.github.io/employeeManagementSystemReactMuiDotNetJwtAuth/

HTML 7.21% CSS 3.69% JavaScript 47.87% C# 41.24%
dotnet dotnet-core entity-framework material-ui mui react authentication authorization crud jwt management-system database reactjs api rest-api

employeemanagementsystemreactmuidotnetjwtauth's Introduction

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

employeemanagementsystemreactmuidotnetjwtauth's People

Contributors

andresrodriguez55 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

ghost1878

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.