React-project

Dynamic and functional website showcasing Space's(company) products, collaborators and additional info.

Description

• Multi-layered website made using React components. Consists of home/landing page and additional pages using Router functionality.

• Overall structure of the website was made using Flexbox and vanilla CSS.

• "Store" page displays list of items in the cart, state is being updated using Reducer hook.

• "Profile" page shows after logging in and can be used to display user's info. Info is fetched using AuthO.

• Fully responsive, various modals to improve user experience.

• Login-in and log-out functionality implemented using AuthO API.

How to use

In the project directory, you can run:

Quick Start

// Install dependencies:

npm install or yarn install

// Start the client:

npm start or yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

You can also check the website without forking on: https://react-project-components-showcase.netlify.app/

Technologies

• Html5/Css3
• Javascript
• ReactJS
• Auth0
• Flexbox