Sprint - 4 (campusCART)

srpint_4_campusCART.md

Frontend Team Tasks:

1. Dashboard Page (Daria):

• Implement the entire Dashboard page with the following components:
  • Search bar in the center with a placeholder saying "Enter product name."
  • "See All Products" button on top left.
  • "Add a New Product" option on the top right.
  • Vertical list of card components displaying detailed information about each product.
  • Buttons for "Update" and "Delete" on each card.
  • Ensure the search bar, "See All Products," and "Add a New Product" button remain static as users scroll.
  • Make the Dashboard visually cohesive and responsive.

2. Add a New Product Form and Update Product Form (Devarsh):

• Implement the "Add a New Product" form with all necessary input fields for adding a new product.
• Design and implement the "Update a Product" form pre-filled with existing product details.
• Ensure proper validation for the form fields in both forms.
• Collaborate with Daria to maintain a consistent design across the entire application.

3. Login Logic (Bhavik):

• Implement the login logic for the "Manage My Store" page.
• Design and create a visually appealing login form.
• Ensure the form has proper validation for input fields.
• Collaborate with Daria and Devarsh to integrate the login logic seamlessly into the Dashboard and form components.

4. Fix Existing Home Page (Bhavik):

• Identify the performance issues causing the home page to load slowly.
• Replace or optimize large images that contribute to the slow loading times.
• Consider using alternative visual elements that are visually appealing but load more efficiently.
• Aim for a balance between visual appeal and performance.

5. Spinner Component (Devarsh):

• Create a reusable spinner component that can be rendered whenever products or stores are loading from the backend.
• Design the spinner to provide a visual indication of ongoing loading processes.
• Implement the spinner component in the relevant sections of the application.
• Ensure the spinner is visually consistent with the overall design of the application.

6. Contact Us, FAQ Pages (Devarsh):

• Design and implement the "Contact Us" and "FAQ" pages.
• Use design inspiration from popular sites like Amazon and Instacart to create visually appealing and user-friendly layouts.
• Include relevant information, such as contact details, frequently asked questions, and any other pertinent information.
• Ensure responsiveness and consistency with the overall design of your application.