GithubHelp home page GithubHelp logo

ozzym1096 / ecomm-demo Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.95 MB

In progress e-commerce demo with front-end and back-end apps

Home Page: https://ecomm-demo-23423.herokuapp.com/

JavaScript 48.94% HTML 3.92% Shell 0.46% Svelte 36.58% PLpgSQL 10.10%
svelte beginner-project beginner node-js sapper ecomm-demo

ecomm-demo's People

Contributors

dependabot[bot] avatar ozzy1096 avatar ozzym1096 avatar

Watchers

avatar

ecomm-demo's Issues

Add UI for Cart page

This would include:

  • Display list of all products and their quantity in the global cart store
  • Delete items from cart button
  • Adjust item quantities
  • "Proceed to checkout" button
  • Show total price summary

Add UI for filtering products

Changes would probably go in [src/routes/index.svelte], or better yet as its own Svelte component and imported in previously referenced file

Add UI for sorting products

Changes would probably go in src/routes/index.svelte, or better yet as its own Svelte component and imported in previously referenced file

Make the site responsive

Currently, the site looks good enough on mobile portrait and landscape. Now it needs to look good on tablet and desktop sizes.

Implement logic for Add to Cart button

Things that might be implemented in a PR:

  • Add item object and quantity to a global cart store
  • Detect if item is already in the cart and adjust quantity accordingly
  • UI animation depending on if process was successful or not

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.