This task focuses on improving the secondary pages in the LapProFix project by enhancing the CSS, adding a search bar, and implementing cart functionality.
Your Role
Fork the Repository
Fork the LapProFix repository to your local machine.
Install Packages
Navigate to the project directory and install the necessary packages using:
npm install i
Run the Project
npm run dev
Navbar
Copy the same navbar (like the one is dashboard) to every secondary pages. Create a separate component and import it everywhere required and also in dashboard.
What Needs to be Done
Update Secondary Pages
Enhance the layout and styling of all four secondary pages to ensure consistency and improve user experience. (your creativity)
Implement Add to Cart Functionality
Add an "Add" button next to each item. When clicked, the item should be added to the cart section.
Display Cart Section
Ensure that when users click on the cart section, it displays all items added, including details like issues. (like a dropdown in the existing cart button and add view details option there, when we click on it , it should move to a separate new page showing all details in the carts)
Design
Thinking to have a picture and details side by side and add button in the rightmost corner. (You can show me your design ideas as well)
Expected Outcome
Each secondary page should have an improved design.
Users should be able to add items to their cart, and all added items should be displayed in the cart section when accessed.
Task Overview
This task focuses on improving the secondary pages in the LapProFix project by enhancing the CSS, adding a search bar, and implementing cart functionality.
Your Role
Fork the Repository
Fork the LapProFix repository to your local machine.
Install Packages
Navigate to the project directory and install the necessary packages using:
Run the Project
Navbar
What Needs to be Done
Update Secondary Pages
Enhance the layout and styling of all four secondary pages to ensure consistency and improve user experience. (your creativity)
Implement Add to Cart Functionality
Add an "Add" button next to each item. When clicked, the item should be added to the cart section.
Display Cart Section
Ensure that when users click on the cart section, it displays all items added, including details like issues. (like a dropdown in the existing cart button and add view details option there, when we click on it , it should move to a separate new page showing all details in the carts)
Design
Thinking to have a picture and details side by side and add button in the rightmost corner. (You can show me your design ideas as well)
Expected Outcome