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