Link- https://employee-jwt.netlify.app/

This is the README document for the Employee Management System project, which consists of both frontend and backend components. The project is designed to manage employee records securely using JWT (JSON Web Token) for authentication and authorization. The backend is built with Spring Boot and the frontend is developed using Angular.

• Project Overview
• Backend Technologies
• Frontend Technologies
• Features
• Deployment
• Demo
• Getting Started
• Contributing
• License

This Employee Management System is a web application that allows users to perform CRUD (Create, Read, Update, Delete) operations on employee records. The system ensures data security and integrity by implementing JWT-based authentication and authorization.

The backend of the project is built using Spring Boot and utilizes the following technologies and libraries:

• Spring Data JPA: For data access and management.
• Spring Boot Starter Validation: For request validation.
• JSON Web Token (JWT): For authentication and authorization.
• Spring DevTools: For easier development and hot-reloading.
• H2 Database: In-memory database for development purposes.

The frontend is developed using Angular and incorporates the following technologies and libraries:

• Angular Framework: For building a responsive and dynamic user interface.
• Angular Material (Mat): A UI component library for a sleek and modern design.
• Bootstrap: For additional styling and responsiveness.
• Interceptor: Implemented for handling JWT authentication.
• Guard: To prevent unauthorized access and ensure data integrity.

• User Authentication: Users must log in to access the system, and JWT tokens are generated and verified for secure authentication.
• Employee CRUD Operations: Create, Read, Update, and Delete employee records.
• Data Validation: Request data is validated on the backend to ensure data integrity.
• JWT Authorization: Only authorized users can perform CRUD operations.
• Interception and Guarding: Unauthorized access is blocked by interceptors and guards on the frontend.
• Demo Data: Sample data is provided for testing purposes.

The project is deployed using the following platforms:

• Backend: Deployed on Railway.
• Frontend: Deployed on Netlify.

You can access the live demo of this project here.

To run this project locally, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/kamit9171/Employee-Management-system-with-jwt-frontend-and-backend.git

2. Navigate to the backend and frontend directories and follow the instructions in their respective README files for setup.

3. Configure the backend and frontend to work together by setting the appropriate API endpoints.

4. Run both the backend and frontend locally for testing and development.

Contributions are welcome! If you would like to contribute to this project, please follow the contribution guidelines.

Output Screenshot of the Application

1.Frontend File Structure

2. Backend File Structure

3.Backend Service Running on Railway Cloud using Docker

4. Integrated MySql on Railway

5. Frontend Running on netlify

6. Backend Service Running of SpringBoot

7. Default HomePage

8. Login Interface

9.After Login

10. Add Employee After Login Successfully

11. Added Succesfully

12. Without Login Attempt for Update

13. Unauthorised Error Occur if You are trying to update Without Login

14. Update Employee After Login

15. Update Employee Data Successfullt

This project is licensed under the MIT License.

Thank you for using the Employee Management System. If you encounter any issues or have suggestions for improvement, please feel free to open an issue on the GitHub repository. Happy coding!