Employee Portal is a simple Application Built with React that helps to manage employee information. It provides simple CRUD (Create, Read, Update, Delete) functionality, It allows to add a new employee, edit employee information or even delete an employee from the portal.
![ep1](https://private-user-images.githubusercontent.com/81959047/312583603-f1edeeeb-8560-4869-a8e0-dd0755afff1c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjMwOTcsIm5iZiI6MTcxODI2Mjc5NywicGF0aCI6Ii84MTk1OTA0Ny8zMTI1ODM2MDMtZjFlZGVlZWItODU2MC00ODY5LWE4ZTAtZGQwNzU1YWZmZjFjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA3MTMxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlmZDQzMzJiNWJlYTRkMjVlYzc3NTg0MjcxNWQ4ODg4MzA0MDY4MjE0YzA4ZjAxNTQzYWRkMmNiZjAyMDA0YTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cdizLxBE7GumWloTSi3dXgJzSNQfrNRSx3Ii1MmXi7E)
![ep2](https://private-user-images.githubusercontent.com/81959047/312583613-877790c8-2da4-487b-aad9-b099996d5bc3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjMwOTcsIm5iZiI6MTcxODI2Mjc5NywicGF0aCI6Ii84MTk1OTA0Ny8zMTI1ODM2MTMtODc3NzkwYzgtMmRhNC00ODdiLWFhZDktYjA5OTk5NmQ1YmMzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA3MTMxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc0MjE0ZTllM2I5MTI4MjA4YWM1M2JiMWMxYTVkODU4NDIzYmI3MmY0NzliOWFjNzQyY2E5YTI2ZWYxMTk3ZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.FnBWWwHSk8G-Huiyrv05H9aY6kEEn3h6HjMmL52iu9g)
![ep3](https://private-user-images.githubusercontent.com/81959047/312583619-bc4049e2-e24a-4156-82b1-ec7987dc921b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjMwOTcsIm5iZiI6MTcxODI2Mjc5NywicGF0aCI6Ii84MTk1OTA0Ny8zMTI1ODM2MTktYmM0MDQ5ZTItZTI0YS00MTU2LTgyYjEtZWM3OTg3ZGM5MjFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA3MTMxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThiZTljZjEyMmYxMjM1MjIzZTUwMDU3ZTMwZWVlNjdmNzg1NjllMzQ3ODg3YTBhMDYyZDM4OTA0NDljM2Y3MzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yjB_ysBxaTCirdVhn4yJ0Pwj9zJH1G5OKndpsxn474E)
![ep4](https://private-user-images.githubusercontent.com/81959047/312583623-f9a1d4e4-1bc0-491d-b43f-ab95e0b51570.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjMwOTcsIm5iZiI6MTcxODI2Mjc5NywicGF0aCI6Ii84MTk1OTA0Ny8zMTI1ODM2MjMtZjlhMWQ0ZTQtMWJjMC00OTFkLWI0M2YtYWI5NWUwYjUxNTcwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA3MTMxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVjMmNmNWFhOWJjNzM4ZjY0ZGEyM2QwNDM0YWJlZmM0ODFiOTVmM2MxNTIzYzA1N2Y2MWQ2N2QyNzdiMjQzMTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EhDb8ONzITpe95Ere_j3-8FNBlnBngSrR4Mvyh8LEPI)
![ep5](https://private-user-images.githubusercontent.com/81959047/312583631-b1eb3e24-6798-43a4-a365-c9ee93d6028a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTgyNjMwOTcsIm5iZiI6MTcxODI2Mjc5NywicGF0aCI6Ii84MTk1OTA0Ny8zMTI1ODM2MzEtYjFlYjNlMjQtNjc5OC00M2E0LWEzNjUtYzllZTkzZDYwMjhhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjEzVDA3MTMxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY2ZTFjZjUyNDBhYjk1MDUyNzMxNmNmYWI2OWU2OWM4MzA4NDdlYzBkODkxZjhlOTA1MTQ2ZDI3OWFmMjA3ODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qqwVzBnpQvNfKfqfdde4XQhwHZPGTzoaaC49dRgrhtw)
To get started with the Employee Portal, follow the steps below:
- gitclone
- Cd into the employee-portal directory. run : cd employee-portal
- Install the dependencies: run: npm i
- Start the application: run: npm start
This will start the application and open it in your default browser at http://localhost:3000. Open http://localhost:3000 to view it in the browser.
The Employee Portal provides the following features:
-
Add Employee: Allow to add a new employee to the portal by entering the employee's information such as employee number, first name, last name, email, and phone number.
-
Edit Employee: You can edit the information of an existing employee. They can update the employee's number, first name, last name, email, or phone number.
-
Delete Employee: You can delete an employee from the portal. Once deleted, the employee's information will be removed from the system.
The Employee Portal is developed using React. It follows a component-based architecture and uses React hooks for state management.
Contributions to the Employee Portal are welcome. If you find any issues or want to add new features, feel free to open a pull request.