Giter Club home page Giter Club logo

mad2project's Introduction

E-Commerce Application

Overview

This project is a full-featured e-commerce web application with a Vue.js frontend and a Python Flask backend. The application allows users to browse products, add them to a cart, and complete purchases.

Technologies Used

  • Python: Primary language for controller development and hosting the app.
  • Vue.js: Front-end development.
  • HTML: Creation of Vue components and templates.
  • Bootstrap: Enhancing front-end design and navigation.
  • SQLite: Database for the app.
  • Flask: Web framework of the app.
  • Flask-SQLAlchemy: Accessing and modifying SQLite database.
  • Flask-Celery: Handling asynchronous background jobs.
  • Flask-Caching: Caching API outputs for improved performance.
  • Redis: In-memory database for API cache and message broker for Celery.
  • Chart.js: Generating various charts.
  • Git: Version control management.

Folder Structure

  • Frontend: Contains the Vue.js application code.
  • Backend: Contains the Flask application code.

Prerequisites

  • Node.js and npm (for the frontend)
  • Python 3.x (for the backend)
  • pip (Python package installer)

Getting Started

Frontend Setup

  1. Navigate to the Frontend directory:

    cd Frontend
  2. Install the dependencies:

    npm install
  3. Start the development server:

    npm run serve

    The frontend application will be running at http://localhost:8080.

Backend Setup

  1. Navigate to the Backend directory:

    cd Backend
  2. Create and activate a virtual environment:

    python -m venv venv
    source venv/bin/activate   # On Windows, use `venv\Scripts\activate`
  3. Install the dependencies:

    pip install -r requirements.txt
  4. Start the Flask server:

    python3 main.py

    The backend application will be running at http://localhost:5000.

Project Features

  • User authentication and authorization
  • Browse products by category
  • Search for products
  • Add products to a shopping cart
  • Checkout and process orders
  • View order history
  • Admin dashboard to manage products, categories, and orders

Usage

  1. Register or log in to the application.
  2. Browse or search for products.
  3. Add products to the shopping cart.
  4. Proceed to checkout to complete the purchase.
  5. View order history from your account dashboard.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or suggestions, please open an issue or contact Rishabh Singh.

mad2project's People

Contributors

rishabh11336 avatar namansehwal 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.