The Employee Record App is a web application built with React.js that allows you to manage employee records. You can add, view, and edit employee information easily through an intuitive user interface.
- Add Employee: Add new employees to the database with their details, such as name, email, and country.
- View Employee: Browse the list of employees and click on individual records to view their details.
- Edit Employee: Make updates to existing employee information as needed.
- Delete Employee: Delete existing employee record.
Before you start using the app, ensure you have the following installed:
- Node.js
- npm
- GitHub JSON Server - You can start it by running
json-server -p 8000 db.json
.
-
Clone this repository to your local machine:
git clone https://github.com/your-username/employee-record-app.git
Certainly! Here's a template for a GitHub README.md file for your employee record app built with React.js and using GitHub JSON Server:
markdown Copy code
The Employee Record App is a web application built with React.js that allows you to manage employee records. You can add, view, and edit employee information easily through an intuitive user interface.
- Add Employee: Add new employees to the database with their details, such as name, email, and department.
- View Employee: Browse the list of employees and click on individual records to view their details.
- Edit Employee: Make updates to existing employee information as needed.
Before you start using the app, ensure you have the following installed:
- Node.js
- npm
- GitHub JSON Server - You can start it by running
json-server -p 8000 db.json
.
- Clone this repository to your local machine: git clone https://github.com/your-username/employee-record-app.git
2 Navigate to the project directory: cd Employee
3 Install project dependencies: npm install
4 Start the development server: npm start The app will open in your default web browser at http://localhost:3000.
To add a new employee, click on the "Add" button and fill in the required information. To view employee records, click on the "View" button on the DashBoard page. To edit employee information, click the "Edit" button on the DashBoard page and make the necessary changes. To delete employee information, click the "Delete" button on the DashBoard page and make the necessary changes.
-
React.js: We used React.js to build the user interface of this application. Its flexibility and component-based architecture made development a breeze.
-
GitHub JSON Server: Special thanks to GitHub JSON Server for providing a simple and efficient way to mock a RESTful API. This helped us prototype and develop the backend of our application seamlessly.
-
Michele Mancine: A big shoutout to Michele Mancine for inpiring the project
Thank you for using the Employee Record App!