Solution by Marco Yue

[yuekalong]

Hello I am Marco.
Here is my solution for the Candidate Assessment Test.

To start the project:

yarn install
yarn dev

Project Includes:

• Home Page
  • Greeting Banner
  • Product Keyword Highlights
  • Product Description
  • Order Form
• Privacy Page
• Order Detail Page

Libraries I have used

• Next.js
• Lenis
• Motion (Framer Motion)
• Zustand
• react-hook-form
• Zod
• Prisma
• Sqlite3

And images are from PNGTree and Unsplash.

Something I would like to improve

• Implement Page Transitions:
  Add smooth transitions between pages to enhance user experience (UX) across the project.

• Enhance SEO:
  Optimize the HTML tags used throughout the site and incorporate relevant meta tags for each individual page to improve search engine visibility.

• Organize Components:
  Structure the page components systematically and utilize Storybook for testing and documentation to ensure consistency.

• Expand Testing Coverage:
  Develop additional test scripts to verify that all features of the project function correctly and efficiently, ensuring a smooth user experience.