tusiimeallan / employeemanagementsystem_dotnet_react

Source Code for an Employee Management System

Employee Management System

Overview

The Employee Management System is a web application designed to manage and track employee information effectively. This application provides functionalities to register users, login with authentication, manage employees' data, update, and delete employee records, and export the data in a CSV format.

Walkthrough using Loom

https://www.loom.com/share/a538ce66d0494762a449cc8698fda44b?sid=06f533e5-6c71-4795-97e3-56ea0cdb2056

Features

1. User Authentication:

   • Register new users.
   • Login for registered users.
   • Logout functionality.

2. Employee Management:

   • View a list of employees.
   • Add new employee records.
   • Edit existing employee records.

3. Employee Data Export:

   • Export the employee data to a CSV file.

4. Responsive UI:

   • Designed using Bootstrap to offer a responsive and user-friendly interface.

Additional Notes

• The application uses a RESTful API built with .NET Core on the backend.
• The frontend is developed using React.js and styled with Bootstrap for a clean and modern look.
• The application requires a valid token for authenticated routes to ensure secure access.

Getting Started

1. Backend Setup:

   • Navigate to the EmployeeManagementAPI folder.
   • Open the Solution using Visual Studio and install any packages if prompted

2. Frontend Setup:

   • Navigate to the FrontEnd folder.
   • Install dependencies using npm install.
   • Start the development server using npm start.

3. Environment Configuration:

   • Ensure you have set up the .env file with required environment variables.

4. Access the Application:

   • Run the API Solution to start the Server in Visual Studio.
   • Open the frontend development server with npm start from Visual Studio Code.
   • Access the Client Application via your web browser at http://localhost:3000.

Contact

For any questions or inquiries, feel free to contact the project maintainer:

• Name: Tusiime Allan
• Email: [email protected]