docflex / Hype-The-Furniture-Store

HYPE. Is a fictional brand which specialises in Bespoke Furniture. This is a vision of what their website might look like. Written completely in React. Hosted using Netlify.

HYPE. The Furniture Store.

---

HYPE is the result of my love for high-end furnitures, modern design, and the art of Web Development. The purpose of this project was to push the limits of my understanding of the React Framework and library. It stands as an ode to Minimal and Material Design.

This repository contains all necessary information about the development of this project, how you can run it natively from your system, and what all can be improved in the future versions of this project.

---

Technologies and APIs

Installation

Getting Node

You can download the package directly via bash

curl "https://nodejs.org/dist/latest/node-${VERSION:-$(wget -qO- https://nodejs.org/dist/latest/ | sed -nE 's|.*>node-(.*)\.pkg</a>.*|\1|p')}.pkg" > "$HOME/Downloads/node-latest.pkg" && sudo installer -store -pkg "$HOME/Downloads/node-latest.pkg" -target "/"

Alternatively, you can use Homebrew

brew install node

Getting Auth0 React SDK

You can download the package using npm commands

npm install @auth0/auth0-react

Getting Netlify CLI

You can download the package using npm commands

npm install netlify-cli -D

Getting Extra Dependencies

You can download the packages using npm commands

npm install dotenv@8.2.0 stripe@8.130.0 @stripe/react-stripe-js@1.1.2 @stripe/stripe-js@1.11.0 netlify@6.0.12

Running the Project Locally or Via Netlify

Clone this Repository

git clone https://github.com/docflex/hype-the-furniture-store.git

Install Node Modules

npm install

Set up the .env Variables

REACT_APP_AUTH_DOMAIN = [Your Auth0 Domain]
REACT_APP_CLIENT_ID = [Your Auth0 ClientID]
REACT_APP_STRIPE_PUBLIC_KEY = [Your Stripe Public Key]
REACT_APP_STRIPE_SECRET_KEY = [Your Stripe Secret Key]

Running a Local Development Server

You can either use React's LocalHost Functionality or use Netlify

npm start

Alternatively

ntl dev