Skip to content

A full-stack coffee bean ordering web application built with React, Node.js, Express, and MySQL, featuring a modern UI, robust backend, and automated CI/CD.

Notifications You must be signed in to change notification settings

whiteSHADOW1234/CoffeeBeanCart

Repository files navigation

The Coffee Bean Cart

React Badge NODEJS Badge Express Badge React Badge Docker Badge

A full-stack web application for ordering coffee beans, with a modern tech stack and robust CI/CD pipeline. This project provides a smooth ordering experience and aims to support coffee enthusiasts and admin users in managing orders and inventory efficiently.

Demo Link

Note: The demo link uses Render's free plan and relies on other free online database hosting services, which may cause the website to go offline occasionally. If it's down, please wait a moment and refresh.

Features

  • Intuitive Ordering: Users can browse, select, and order coffee beans.
    image

  • Order Management: Review, manage, and delete orders. This project implements CRUD operations for managing orders:

    • Create: Users can create an order by typing their name, shop name, coffee type, and amount. After entering the information, they can press the "Place order" button to submit the order.
    • Update: Users can update their orders by entering the same name, shop name, and coffee type, then updating the amount. After making the changes, pressing "Place order" updates the order.
    • Read: Users can scroll through the list of orders to review them.
    • Delete: If users wish to delete a specific order, they can press the "Delete" button to remove it. image
  • CSV Export: Export orders and inventory data for easy tracking.

Local Setup

  1. Clone the repository.
  2. Set up a MySQL database and update .env with credentials.
    MYSQL_USER=<YOUR_MYSQL_USER>
    MYSQL_PASSWORD=<YOUR_MYSQL_PASSWORD>
    MYSQL_DATABASE=<YOUR_MYSQL_DATABASE>
    MYSQL_TEST_DATABASE=<YOUR_MYSQL_TEST_DATABASE>
    API_BASE_URL=<YOUR_API_BASE_URL>
    REACT_APP_API_BASE_URL=<YOUR_REACT_APP_API_BASE_URL>
    PORT=<YOUR_PORT>
    DB_HOST=<YOUR_DB_HOST>
    
  3. Run docker-compose up --build -d.
  4. Access at http://localhost:YOUR_PORT.

Contributing

Interested in contributing? We welcome bug fixes, new features, and documentation improvements. Simply open an issue or pull request to get started!

About

A full-stack coffee bean ordering web application built with React, Node.js, Express, and MySQL, featuring a modern UI, robust backend, and automated CI/CD.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published