🛠 Built with

Technologies used in the project:

💻 Screenshots

Home Page:

Login Page:

Register Page:

Product Page:

NavBar Page:

Footer Page:

✨ Features

• Live previews
• Fullscreen mode
• Cross platform

🚀 Demo

Front-end deployed URL: https://cute-kheer-5d7d09.netlify.app/

📁 Folder structure

Frontend - Holds the client application

• public - This holds all of our static files

• src

  • components - This folder holds all of the different components that will make up our pages

  • pages - These represent a unique page on the website i.e. Home or About.

  • routes - It is responsible for handling the path of different page.

  • context - It is responsible for global state management of our app.

  • App.js - This is what renders all of our browser routes and different pages

  • index.js - This is what renders the react app by rendering App.js.

• package.json - Defines npm behaviors and packages for the client

README - This file!

Installation

Clone the project

git clone https://github.com/CodexPuneet/unwritten-boat-734.git

Client-side usage

Go to the project directory

$ cd frontend          // go to client folder
$ yarn # or npm i    // npm install packages
$ npm run start        // run it locally

// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level

This project was built during our construct week at Masai School. It was an individual Project and executed in 6 days.