https://github.com/ariyansep0-0/simple-coffee-listing-devchallengesio

This challenge is great for working with Front-end libraries like React, Vue,... You will need to implement a reusable card component with different variables based on the data given.
https://github.com/ariyansep0-0/simple-coffee-listing-devchallengesio

devchallengesio react svgr tailwindcss typescript

Last synced: about 1 month ago
JSON representation

This challenge is great for working with Front-end libraries like React, Vue,... You will need to implement a reusable card component with different variables based on the data given.

• Host: GitHub
• URL: https://github.com/ariyansep0-0/simple-coffee-listing-devchallengesio
• Owner: ARiYaNSEp0-0
• Created: 2024-08-25T16:02:29.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-30T12:58:39.000Z (9 months ago)
• Last Synced: 2025-03-04T05:33:48.943Z (3 months ago)
• Topics: devchallengesio, react, svgr, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://ariyansep0-0.github.io/simple-coffee-listing-devchallengesio/
• Size: 1.07 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Simple Coffee Listing


This challenge is great for working with Front-end libraries like React, Vue,... You will need to implement a reusable card component with different variables based on the data given.

- Create a coffee listing page that matches the given design.

- Use React or other Front-end libraries for this challenge.

- Create a Reusable Card component.

- The card component should include a picture, name, pricing,  rating, and number of votes if exists.

- The card component should render popular tag, availability status conditionally.

- Render Coffee list with given data. The data should come from a given API or downloaded JSON file.

- Users can choose to list all products or just available products.

- Deploy the solution and submit Repository URL and Demo URL.