hamitsehjal

PRJ 666

FINAL PRESENTATION

Introduction (2 minutes):

• Content:
  • Briefly introduce the team members.
  • Display the team logo and title.
• Each participant briefly introduces themselves: name, role, and passion.

hamitsehjal

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.

hamitsehjal

Local Storage vs Session Storage

As a Software Engineer,

1. Why I need to know this?

   • Responsibility for client-side data: As a developer, you often deal with client-side data storage to enhance user-experience and optimize application performance
   • User Experience and preferences: Knowing when and how to use local storage or session storage enables you to implement features like remembering user preferences, themes, and customizations
   • State Management: proper usage contributes to effective state management, that is essential for building responsive and dynamic web applications

2. Difference between Local Storage and Session Storage

hamitsehjal

User Story Template

This is a user story template that you can use to document user stories for your software development projects. User stories follow the "As a [role], I want [an action or feature], so that [a reason or benefit]" format, and they help define the functionality and requirements of a feature or improvement.

How to Use:

1. Copy the template below:

**As a [role],**

hamitsehjal

{"name":"Seneca-DarkMode","settings":"{\"settings\":\"{\\r\\n    \\\"workbench.startupEditor\\\": \\\"none\\\",\\r\\n    \\\"code-runner.runInTerminal\\\": true,\\r\\n    \\\"[typescript]\\\": {\\r\\n        \\\"editor.defaultFormatter\\\": \\\"vscode.typescript-language-features\\\"\\r\\n    },\\r\\n    \\\"[html]\\\": {\\r\\n        \\\"editor.defaultFormatter\\\": \\\"mohd-akram.vscode-html-format\\\"\\r\\n    },\\r\\n    \\\"[css]\\\": {\\r\\n        \\\"editor.defaultFormatter\\\": \\\"vscode.css-language-features\\\"\\r\\n    },\\r\\n    \\\"[javascript]\\\": {\\r\\n        \\\"editor.defaultFormatter\\\": \\\"vscode.typescript-language-features\\\"\\r\\n    },\\r\\n    \\\"[json]\\\": {\\r\\n        \\\"editor.defaultFormatter\\\": \\\"esbenp.prettier-vscode\\\"\\r\\n    },\\r\\n\\r\\n    \\\"liveServer.settings.CustomBrowser\\\": \\\"chrome\\\",\\r\\n    \\\"editor.accessibilitySupport\\\": \\\"off\\\",\\r\\n    \\\"prettier.requireConfig\\\": true,\\r\\n    \\\"editor.defaultFormatter\\\": \\\"esbenp