Scribd
Upload
60 views9 pages

CST 336 Techguysstoreprojectdocumentation

The document describes a team project for an online tech store called Tech Guys Store that allows users to view products, search for deals, add items to a cart, and includes an admin panel. The site was developed using HTML, Javascript, AJAX, JSON, and MySQL with continuous integration on Github and deployment on Heroku.

Uploaded by

api-479342383
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
60 views9 pages

CST 336 Techguysstoreprojectdocumentation

The document describes a team project for an online tech store called Tech Guys Store that allows users to view products, search for deals, add items to a cart, and includes an admin panel. The site was developed using HTML, Javascript, AJAX, JSON, and MySQL with continuous integration on Github and deployment on Heroku.

Uploaded by

api-479342383
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

CST336 Internet Programming

Final Team Project


Professor Dr. Miguel Lara

Project Members
Moses Garcia
Cesar Sanchez
Edgar Leos Almanza
Daniel Howe

Project Name
Tech Guys Store

Project Description
The “Tech Guys Store” offers visitors the capability to view the latest technology, see what
others are buying and search for deals in any particular category based on manufacturer,
product category and other parameters.

User Workflow
Initially when a user visits the store, the home page will show the most recently viewed
products. The latest product data shown will reflect the last three products viewed by any
number of users. It is updated any time a user opens a product description or searches for a
particular product.

At the top navigation bar users can choose to go to the ‘home page’, search for ‘products’,
‘login’ to the admin panel to add and remove products, or see the items in their ‘cart’.

From the ‘login’ page, users can see the list of products currently added to the store;
additionally, they can add, modify or delete. Administrators can update a product with an image
link, description, cost and quantity available.

In the ‘products’ view, users can search for products based on the criteria entered and by
selecting different parameters from drop-down selection menus. When a user clicks search a
list of products is displayed. A user can select ‘Add to cart’ from this view, it will get updated to
the list of ‘favorite’ products which are displayed on the home page. The cart is viewable
separately and is described below

Finally the cart allows visitors to begin the checkout process in the store. This is where
inventory is added to a user controlled list, when the user selects ‘Add to cart’ from any of the
search result pages.
Technical Details
The website has been developed using HTML/Javascript, AJAX, JSON, and MySQL (JAWS). It
has been developed using Cloud9, a cloud based IDE in AWS. Continuous integration and
deployment (CI/CD) is incorporated using Github, and Heroku.

Database Schema
Mock Up:
Home Page
Product Page
Screenshots:
Landing Page
Shopping Cart
Admin Panel Page
Product Page
Ajax Calls:

Two example AJAX calls within the functions.js file


Note: many other examples can be found throughout the application (ajax calls in each file
within the JS folder)

You might also like