GithubHelp home page GithubHelp logo

csci3230---group-15's Introduction

CSCI 3020U Web Dev Final Project

Sailesh Sharma, Hubert Giang, Nandu Pokhrel

Group Member Name GitHub Username (GitHub URL)
Sailesh Sharma sailesh10
Nandu Pokhrel nanduu04
Hubert Giang TheHub5

Presentation File: https://docs.google.com/presentation/d/1lyNrdfS2HIst6ohSWiF1C-POJMaqFpCfxLikU4GFnsk/edit?usp=sharing

This is a ecommerce website where we can view items, add them to cart and see the prices.

Features

  • Homepage displaying the information about the website
  • Product list (stored in a Json file) with the id, title, price, description, category, image, and rating attributes.
  • Shopping page showing price of the items
  • Adding items in the cart which automatically adds up the amount. Add with the "Add to Cart" button
  • "Checkout" button in cart links to a checkout page (payment page)
  • Use of the React framework and React state variables

Tech

Dillinger uses a number of open source projects to work properly:

  • [SVG and HTML] - REACT uses html template to render the original jsx
  • [CSS] - Used to change styles of the website
  • [Javascript] - Used to make the content dynamic
  • [DHTML] - Using react, it uses JSX, hence DHTML is used
  • [node.js] - used to fetch the data from the database
  • [Client side framework] - React,js
  • [Database ] - Dexie

Installation

ecommerce requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the server.

to start with node

cd ecommerce
npm install
npm start

if npm does not work, we can always try with yarn

cd ecommerce
yarn install
yarn start

License

MIT

ScreenShots:

Home

Home1

Home2

Home2 5

Home3

Capture

checkout

csci3230---group-15's People

Contributors

nanduu04 avatar sailesh10 avatar thehub5 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.