Coder Social home page Coder Social logo

dreamduskreact's Introduction

Phase 2 project

Welcome to Dream Dusk, your ecommerce hotspot for a neurodivergent

![checkpoint demo]

Here's the scenario: do online shopping without being bombbarded by excessive information

Setup

After unbundling the project:

  1. Run npm install in your terminal.
  2. Run npm run server. This will run your backend on port insert port.
  3. In a new terminal, run npm start. This will run your React app on port insert port.

Make sure to open [insert local host points](insert local host points) in the browser to verify that your backend is working before you proceed!

The base URL for your backend is: insert json url

User Stories

As a user, I should be able to:

Endpoints for User Stories

GET /"products-change to appropritae"

Example Response:

[
  {
    "id": 177,
    "brand": "maybelline",
    "name": "Maybelline Line Stiletto Ultimate Precision Liquid Eyeliner",
    "price": "10.29",
    "price_sign": null,
    "currency": null,
    "image_link": "https://d3t32hsnjxo7q6.cloudfront.net/i/350d6c6c2fa3add8ee40189cd19bfe0a_ra,w158,h184_pa,w158,h184.png",
    "product_link": "https://well.ca/products/maybelline-line-stiletto-ultimate_17295.html",
    "website_link": "https://well.ca",
    "description": "Easily Creates Slender Lines\n\n    Rich, Even Color\n    All-Day Wear\n    Smooth Glide Felt Tip\n    Flexible tip guides on smoothly for the most precise control.\n    All-day wear up to 8 hours\n",
    "rating": 4.0,
    "category": "liquid",
    "product_type": "eyeliner",
    "tag_list": [
      
    ],
    "created_at": "2016-10-01T18:27:50.155Z",
    "updated_at": "2017-12-23T20:51:16.164Z",
    "product_api_url": "https://makeup-api.herokuapp.com/api/v1/products/177.json",
    "api_featured_image": "//s3.amazonaws.com/donovanbailey/products/api_featured_images/000/000/177/original/open-uri20171223-4-p0eowt?1514062276",
    "product_colors": [
      {
        "hex_value": "#000000",
        "colour_name": "Blackest Black "
      },
      {
        "hex_value": "#4E2F2F",
        "colour_name": "Brown Black "
      }
    ]
  },
]

DELETE /products-insert appropriate/:id

Example Response:

{}

![Full demo]`.

dreamduskreact's People

Contributors

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