adityarkadam / urbanthrive

HTML CSS & React - Client side dynamic e-commerce website (stripe integrated)

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

Links

• Repo
• Live

Dummy user

[email protected]
Aadummyuser!

Screenshots & Animation

Author

• Almogwer
• Mail
• Linkedin

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

• Get Single Product
• Get Products

Stripe

• Stripe - Main Docs
• Stripe - React

Auth0

• Auth0 - Main Docs
• React SDK Docs
• REACT SDK API Docs

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