Simple Coffee Listing

This is my solution to the Simple Coffee Listing challenge on devChallenges.

User stories

• 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.

Built with

• Next.js - React framework
• JavaScript
• Tailwind - For styles
• Mobile-first workflow
• ESLint - For code linting
• Prettier - For code formatting

Links

• Live Site URL
• Solution URL