Furniture E-Commerce

Project Description

React front-end full operating dynamic and responsive E-Commerce shop including payment connection (stripe)

Built with

HTML
CSS
React

npm-start

npm start

npm install

npm-start -g

Dummy user

[email protected]
Aadummyuser!

Screenshots & Animation

Author

Styled Components

Styled-Components - Main Docs

import styled from "styled-components";

const ReactComponent = () => {
 return <Wrapper>
 {some content}
 </Wrapper>
}


const Wrapper = styled.htmlElement`
write your styles here
`
export default ReactComponent

React Icons

React Icons - Main Docs

React Version

"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.0",

react-router-dom - Main Docs
renders the first child that matches
A always matches

Furniture API

Stripe

Auth0

Env vars

dotenv - Main Docs
REACT_APP_AUTH_DOMAIN=
REACT_APP_CLIENT_ID=
REACT_APP_STRIPE_PUBLIC_KEY=
REACT_APP_STRIPE_SECRET_KEY=


npm install [email protected]

Deployment

Netlify


npm install netlify-cli -D

React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.

React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too

Dec 22, 2021

Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

Dec 23, 2022

Dynamic, theme-driven, style props for vanilla-extract.

Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr

May 11, 2022

An open source application to create, manage and embed contact forms on static/dynamic sites with no code

Formify is an open source application that lets you create, manage and embed contact forms on any site without writing code. This project is done as a

Dec 26, 2022

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Jun 5, 2022

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil · Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

Jan 8, 2023