Git Product home page Git Product logo

minimart's Introduction

Jack's Minimart

Description

A simple web application for an online store.

The web application consists of 2 pages which support CRUD functionalities:

  1. Admin Landing Page

    • displays all the products in the minimart (READ).

    • a form to add a new product (CREATE).

      After adding new product:

  2. Admin Product Page

    • a form to edit the product's description and price (UPDATE).
    • a button to delete the product (DELETE).

Technologies

  • Backend
  • Frontend
    • React - JavaScript library for building UIs
    • React Router - Routing library for React
    • Material-UI - React component library that implements Google's Material Design
  • Storage
    • PostgreSQL - Relational DB for storing product information
    • MinIO - S3-compatible object storage for storing product images
    • MinIO Client - CLI for interacting with MinIO
  • Containerization
    • Docker - Containerization platform

Prerequisites

  • Docker

Usage

  1. Clone the repository.
  2. Run docker-compose up --build to start the application.
  3. Navigate to http://localhost:3000/admin/products to view the web application.

Contact

If you have any questions or feedback, feel free to reach out to me at [email protected].

minimart's People

Contributors

tracesofnuts avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.