Dev Challenges – Simple Coffee Listing
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
Desktop – All Products
Desktop – Available Now
How To Use
# Clone this repository $ git clone https://github.com/SouleymaneSy7/dev-challenges-simple-coffee-listing.git # Install dependencies $ yarn # Run the app $ yarn dev
Recommended IDE Setup
- GitHub – Souleymane Sy
- Dev Challenges – Souleymane Sy
- Frontend Mentor – @SouleymaneSy7
- Twitter – @Souleymanesy43