Coffeehouse is a web application designed to provide users with an enjoyable shopping experience for coffee products. Built using React, JavaScript and styled with Tailwind CSS, Coffeehouse offers a sleek and responsive interface for browsing and purchasing coffee items. The project includes a fully functional shopping cart feature that stores data in session storage, ensuring a seamless user experience.
-
Responsive Design: Coffeehouse is designed to be accessible and user-friendly across various devices and screen sizes.
-
Product Catalog: Browse through a selection of high-quality coffee products, complete with detailed descriptions and images.
-
Shopping Cart: Add desired items to the shopping cart with a single click, view cart contents, and easily adjust quantities as needed.
-
Session Storage: Cart data is securely stored in session storage, allowing users to maintain their selections even when navigating between pages or refreshing the browser.
To view the website online, visit https://karolfaltyn.github.io/coffeehouse/.
Follow these steps to set up the Coffeehouse on your local machine:
-
Clone the repository:
git clone https://github.com/karolfaltyn/coffeehouse.git
-
Navigate to the project directory:
cd coffeehouse
-
Install dependencies:
npm install
-
Compile Tailwind code:
npm run build:tailwind
-
Start the development server:
npm start
-
Open your browser and visit
http://localhost:3000
to view Coffeehouse.
-
React: For building dynamic and interactive user interfaces.
-
JavaScript: Core language for client-side functionality and logic.
-
Tailwind CSS: Utility-first CSS framework for creating custom, responsive designs.
-
PostCSS: CSS processor for enhanced styling and optimization.
-
Session Storage: For managing data storage during a single browser session.
This project is licensed under the MIT License