Skip to content

Enhancing Services pages #29

@VishnuAmit

Description

@VishnuAmit

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

  1. Fork the Repository
    Fork the LapProFix repository to your local machine.

  2. Install Packages
    Navigate to the project directory and install the necessary packages using:

 npm install i
  1. 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

  1. Update Secondary Pages
    Enhance the layout and styling of all four secondary pages to ensure consistency and improve user experience. (your creativity)

  2. Implement Add to Cart Functionality
    Add an "Add" button next to each item. When clicked, the item should be added to the cart section.

  3. 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.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions