kojobaffoe011 / ui-assessment

UI Assessment

Design file

https://www.figma.com/file/fO9SrIq6PCQSoJ8iqT0A3O/Sample-UI?node-id=1%3A2

Assets

Icons and images are included in the assets folder of this repo

API

Docs: https://camiestas-futbol.effectstudios.co/api/docs
Base URL: https://camiestas-futbol.effectstudios.co/api

Banners

GET https://camiestas-futbol.effectstudios.co/api/v1/banner

Popular products

GET https://camiestas-futbol.effectstudios.co/api/v1/product-category

Product collections/categories

Slugs for Country Leagues and Other Collections can be found in the results returned from this endpoint

GET https://camiestas-futbol.effectstudios.co/api/v1/product-category

Single collection/category

GET https://camiestas-futbol.effectstudios.co/api/v1/product-category-slug/{slug}

Single product details/information

GET https://camiestas-futbol.effectstudios.co/api/v1/product-single/{slug}

Objectives

• Fork this repository.
• Build the user interface exaclty as seen in the design file linked above. Alignment, spacing and precision are key.
• Connect the UI to the backend using the API provided above
• Animations are not required, but would be a plus.

Requirements

Web Framework (Any of)

• React (Vite) or Next.js
• Vue 3 or Nuxt 3

UI library (Any of)

• TailwindCSS
• Vanilla CSS or SCSS

Deadline

72hrs after you've accepted the invite to the Figma file.

If you've got any questions, do leave it in the discussions panel and mention @pyplacca in it.

Submission Instructions

1. Create a deployment link.
2. Email links of the deployment and Github repository.