Skip to content

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

 
 
 

Contributors