Your task is to fork this repository and implement several progressive features using Bootstrap, pagination, and CRUD operations. The directions for each stage of the project are outlined below. Each stage should be implemented on a new branch as specified.
Please follow best practices for front-end development throughout this exercise, including clear and concise code, efficient solutions, and comprehensive testing.
- Node version v16 or later.
- Bootstrap 5.
- Styling with Bootstrap (Branch: "1-bootstrap")
Fork the provided repository and create a new branch named 1-bootstrap. On this branch, your goal is to style the list and search pages using Bootstrap.
Ensure you apply appropriate Bootstrap classes to the existing elements to improve their visual appeal and usability. Ensure the application remains responsive and user-friendly across different screen sizes.
- Implementing Pagination (Branch: "2-pagination")
Create a new branch named 2-pagination from the 1-bootstrap branch. On this branch, your task is to implement pagination on the list page.
Use your preferred paginator to limit the display to only 5 rows at a time. The paginator should allow users to navigate between pages of content with ease. Ensure the functionality works as expected, providing a smooth user experience.
- CRUD Operations (Branch: "3-crud")
Create a new 3-crud branch from the 2-pagination branch. On this branch, you will develop a form to add a new emoji and enable editing of existing emojis.
- Create a form using the data description provided to add new emojis.
- This same form should also enable the editing of existing emojis. Consider how you will allow users to select an emoji for editing.
- Implement a soft delete feature for emojis, including a confirmation modal to verify the user's intention. Soft deleting here means the emoji should be hidden from view but not permanently removed from the dataset.
After implementing these features, push your branches to your forked repository.
Once you've completed these tasks, please send us the link to your forked repository for review.
Before you begin, make sure you have Node.js and npm installed on your local machine. Then, follow the instructions below to set up and run the project:
- Clone the forked repository to your local machine.
- Navigate into the project directory.
- Install the necessary dependencies using npm by running npm install.
- Start the application by running npm start.