Coffee Dev is a fictional coffee shop created as a personal project to practice and enhance my front-end development skills. This project is specifically aimed at deepening my understanding and expertise in Next.js and its page system.
Coffee Dev is a mock online store that offers a variety of coffee-related products, including different types of coffee, snacks, and takeaway options. The main goal of this project is to provide a practical platform for me to apply and refine my front-end development skills using Next.js.
- Dynamic product listing
- Shopping cart functionality
- Local storage for cart persistence
- Detailed product descriptions
- Responsive design for various devices
- Next.js: A React framework that enables server-side rendering and static site generation.
- React: A JavaScript library for building user interfaces.
- CSS Modules: For modular and scoped CSS styling.
- JavaScript: The main programming language used in the project.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/antonielzeferino/coffeedev.git
- cd coffeedev
- npm install
- npm run dev - Browse through the different categories of products available.
- Add items to your shopping cart.
- View your shopping bag to see the summary of your order.
- Adjust the quantity of items in your cart.
Feel free to use and modify this project for your learning and development purposes. If you have any questions or need further assistance, please don't hesitate to contact me.