This project is a submission for the Web3Bridge Cohort VIII Pre-Qualification Exercise. It implements a basic CRUD (Create, Read, Update, Delete) application for a student database using React.js and local storage. Unfortunately, due to time constraints, the search functionality has not been implemented.
-
Clone the repository:
git clone https://github.com/Jonnie-Dev/crud-app.git
-
Navigate to the project directory:
cd crud-app
-
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
.
- Fill out the form in the "Add Student" panel.
- Click the "Add" button to save the student information to the local storage.
- Click the "Edit" button next to the student you wish to update.
- Modify the student information in the form.
- Click the "Edit" button to save the changes.
- Click the "Delete" button next to the student you wish to remove from the database.
- Add to the database: Add student information including name, department and Matric number.
- Update the database: Update existing student information.
- Delete from the database: Remove student information from the database.
-
Fork the repository.
-
Create a new branch for your feature or bugfix:
git checkout -b feature-name
-
Commit your changes:
git commit -m 'Add some feature'
-
Push to the branch:
git push origin feature-name
-
Open a pull request.
- Implement the search functionality to query the student database.
- Improve the UI/UX design.
- Add more robust validation for the forms.
- Implement unit and integration tests for better code coverage.