Giter VIP home page Giter VIP logo

the-neon-pyramid-frontend's Introduction

the neon pyramid

A proof-of-concept online-order app for a fictional cyberpunk-themed restaurant

Project Description

General App Idea/Purpose
This is an app designed to order food online from The Neon Pyramid, a fictional cyberpunk restaurant serving pan-Eurasian fusion cuisine.

Models

User:

username = CharField(unique = True)
email = CharField(unique = True)
phone_num = CharField(unique = True)
address = CharField(unique = True)
password = CharField(unique = True)
paymentInfo = {
       ccNum = CharField()
       ccExp = DateTimeField([formats='%Y-%m-%d'])
       ccSecCode = CharField()
}

Order:

created_at = DateTimeField(default = datetime.datetime.now)
total = FloatField()
user = [{ForeignKeyField(User, backref='orders')}]

Dish:

title = CharField(unique = True)
price = FloatField()
image = CharField(unique = True)
description = CharField(unique = True)
category = CharField()
labels = [CharField()]
order = [{ForeignKeyField(Order, backref='dishes')}]

Routes

    User:
  • create user: neonpyramid/users/register
  • create login: neonpyramid/users/login
  • get logout: neonpyramid/users/logout
    Menu:
  • get index: neonpyramid/menu/
  • get show: neonpyramid/menu/
    Order:
  • get index: neonpyramid/order/
  • create push dish to order: neonpyramid/order/
  • destroy splice dish from order: neonpyramid/order/
  • create checkout/payment: neonpyramid/order/checkout/
  • destroy order: neonpyramid/order/
  • show checkout/payment completed: neonpyramid/order/checkout/

Wireframes

menu@1x show@1x pay form@1x

User Stories

  • As a customer, I want to securely register and login to this app, so that my order history is documented.
  • As a customer, I want to see a menu displayed with pictures, prices and descriptions of dishes.
  • As a customer, I want to be able to add dishes to an order cart and see the subtotalled price change as I add more dishes.
  • As a customer, I want to be able to pay for my order online and have it delivered to my address.

MVP Goals

  • Fullstack CRUD application using React (frontend) and Flask (backend)
  • Ability to add dishes to an order cart and see prices dynamically totaled
  • Be able to add payment info to complete orders online
  • Professionally stylized

Stretch Goals

  • Animations on certain responses
  • Custom Logo
  • API connectivity, i.e., order tracking via Google Maps, payments made through PayPal, Square, etc.
  • Web accessibility for differently-abled customers.
  • Add-ons for each menu item

the-neon-pyramid-frontend's People

Contributors

504aguiluz 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.