GithubHelp home page GithubHelp logo

bopopescu / demo_party_website Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ruozhengu/demo_party_website

0.0 0.0 0.0 47.54 MB

A professional company Website with basic and advanced features

Python 14.30% JavaScript 5.40% CSS 18.47% HTML 61.84%

demo_party_website's Introduction

"Perfect Party Company" Web Application

1. Technology and File Description

the_perfect_party is a website application with dynamic JS interfaces and python backend.

Author: Gabriel (Ruozhen) Gu


The main features listed below:

Customer Side:

  • Interactice dashboard created using Javascript
  • Reponsive shopping cart with real-time tax, shipping, subtotal price calculation
  • Automatic customer information fillin and order status verification
  • Customer's ability to delete, escalate any exisiting order infomration
  • Customer login and signup support with validation

Administrator Side:

  • Secure login page
  • All in one infomormation displayed by each order creation time and status
  • Active order notification system
  • Search engine based on customer username
  • Modification, Escalation, Deletion and Insertion of any past/new orders or events
  • Supplier and Stock availability monitoring and modification support.

Technology Breakdown:

Backend: /app.py

the_perfect_party web app is deployed as a flask app with backend written in python and connected through GET & POST requests with frontend.

Frontend: /templates/*

Adopted traditional frontend technology including: JQuery(JS), HTML,CSS with stylesheet from Twitter Boostrap

Database: /dbConnect.py and /db_helper.py

Connected with a Mysql server through mysql.connector

2. File Hierarchy Visualization

the_perfect_party/
├─── app.py                     
├─── dbConnect.py		   
├─── db_helper.py				    
├─── templates/
│    ├─── admin.html
│    ├─── adminDashboard.html
│    ├─── dashboard.html
│    ├─── event.html
│    ├─── index.html
│    ├─── login.html
│    ├─── login2.html
│    ├─── order.html
│    ├─── payment.html
│    ├─── shoppingcart.html
│    ├─── success.html
│    ├─── supplier.html
│    ├─── supplyRecord.html
│    ├─── userDashboard.html
│    └─── orderInfo.html
├─── static
│    ├─── .. contain all javascript files ..
│    └─── .. contain all css files ..
├─── bootstrap/
├─── env/
├─── requirements.txt
...

3. SQL Demonstration

Three are three main parts of SQL code to demonstrate. Please refer to file dbConnect.py and db_helper,py for details.

  1. Database and table creation query
  2. Creation, deletion and update operations on record
  3. Select operations with/without specific conditions

demo_party_website's People

Contributors

ruozhengu 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.