Skip to content

Eco Café website — a fictional organic artisanal coffee shop with responsive design, shopping cart, inventory management, payment gateway, and optimized user experience.

Notifications You must be signed in to change notification settings

workamts/ecocafe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EcoCafé ☕️🌱 (English)

Welcome to EcoCafé, a web platform dedicated to promoting responsible coffee consumption and environmental sustainability. This project aims to connect coffee lovers with eco-friendly producers, providing information, products, and resources to foster a conscious and committed community.


Table of Contents


Description

EcoCafé is a website that facilitates the purchase of organic coffee, education on sustainable practices, and the connection between consumers and responsible producers. The goal is to create a space where quality, ethics, and respect for the environment are the fundamental pillars.

Features

  • Catalog of certified organic coffees
  • Detailed information about producers and processes
  • Educational blog about sustainability and coffee
  • Shopping cart and order management
  • Intuitive and responsive interface

Technologies Used

  • Frontend: Html, Css, JavaScript
  • Version Control: Git & GitHub
  • Additional Tools: ESLint, Prettier, Jest

Project Structure

ecocafe/
├── assets/
│   ├── icons/
│   └── images/
|
├── checkout/
│   ├── checkout.css
│   ├── checkout.html
│   └── checkout.js
|
├── css/
│   ├── layout-base.css
│   ├── layout-footer.css
│   ├── layout-header.css
│   └── layout-main.css
|
├── js/
│   ├── main-body-header.js
│   ├── main-contact.js
│   └── main-products.js
|
├── login/
│   ├── login.css
│   ├── login.html
│   └── login.js
|
├── product/
│   ├── product.css
│   ├── product.html
│   └── product.js
|
├── register/
│   ├── register.css
│   ├── register.html
│   └── register.js
|
├── comments-coffee.json
├── index.html
├── products-coffee.json
└── README.md

📋 Main Features

  • ✅ Scroll animations (from left, right, bottom).
  • ✅ "Products" page with complete information...
  • ✅ Simulated product list with stock control.
  • ✅ Interactive cart, persistent in localStorage.
  • ✅ Basic user validation for purchasing.
  • ✅ Payment simulation and redirection to a confirmation page.
  • ✅ Simulated admin (buttons only visible to "admin").

🌐 Online Demo

You can see the site live here: ** https://workamts.github.io/ecocafe/

Installation

  1. Clone the repository:
    git clone https://github.com/workamts/ecocafe
    cd ecocafe

License

This project is under the MIT license. See the LICENSE file for more details.

Contact


Thank you for supporting sustainable coffee! ☕️🌱


About

Eco Café website — a fictional organic artisanal coffee shop with responsive design, shopping cart, inventory management, payment gateway, and optimized user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published