Giter Club home page Giter Club logo

dnoel26 / cyberdise-dynamic- Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 91.95 MB

E-Commerce Project implementing Front End and Back End Technologies: HTML, CSS, JS, Node, Express, Handlebars, MySQL. See README and login as either a customer or employee. Payments processed using PayPal. NOTE: Not yet fully responsive.

Home Page: https://dnoelcyberdise.herokuapp.com/

JavaScript 60.40% CSS 14.08% Handlebars 25.52%
employee-login card handlebars paypal payment customer-account products-database ecommerce-store large-scale apis

cyberdise-dynamic-'s Introduction

Cyberdise E-Commerce Store

Table of Contents

Summary

This project is an E-Commerce store, built from scratch using the MEHN stack. It consists of both customer functionality and employee functionality, each with separate dashboards. It is currently hosted on Heroku and can be accessed via the link here: https://dnoelcyberdise.herokuapp.com/

Note: To date, works best on Google Chrome and on a PC. Site is not yet responsive for mobile or tablet devices. All core functionality works but some minor features do not.

Technologies

Project was created using:

  • HTML
  • Vanilla CSS
  • JavaScript
  • Node
  • Express
  • MySQL
  • Handlebars

Customer Setup

To use this site, create an account with fake data (please do not use your real information), by clicking the "Signup" link at the top right. You may then login via that route or using the header login link. Go to the "Shop Now" link and browse the items. You may select items and place them into your cart and then proceed to checkout by clicking "Order All Items" link at the bottom right. To confirm your order, click the Debit or Credit Card PayPal button (black) and enter the following fake credit card info:

Card Type: Visa

Card Number: 4032032234046149

Expiration Date: 09/2022

CVV: 249

Also, fill out the rest of the form with fake info.

Proceed with the payment to purchase the selected product(s). This will remove quantities from the database (shown in the employee dashboard).

To login as an employee, please see the next section.

Employee Login

Logging in as an employee allows your to modify and/or delete products / product data such as name, price, image etc.

Please use the following credentials to login:

Email / Username: admintest or [email protected] Password: admin

Click the "Stock" link at the top right to gain access to the product and category databases. You can then login as both a customer and then an employee (use Incognito mode for one) separately to see product quantities being removed when a payment is processed by a customer.

Experiment and have fun!

cyberdise-dynamic-'s People

Contributors

dnoel26 avatar

Watchers

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