Grocers Bay - Frontend Service

This is the repo for the frontend of the Grocers Bay project. Its implemented in ReactJS.

Link to the project repo.

Demo Link

https://grocers-bay-frontend.onrender.com

Screenshots

Table of Content:

• Screenshots
• Technologies
• Local Installation and Setup Instructions
• Status

Screenshots

Technologies

Sure, here's the list of technologies and libraries used in the frontend code as requested, each on one line:

• React: A JavaScript library for building user interfaces. Official Website
• Sass: A CSS preprocessor that extends CSS with features like variables, nesting, and mixins. Official Website
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs. Official Website
• Stripe: A payment processing platform that enables businesses to accept payments online. Official Website
• Axios: A promise-based HTTP client for making asynchronous requests in the browser and Node.js. GitHub Repository
• Font Awesome: A font and icon toolkit based on CSS and LESS. Official Website

Local Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

1. Installation: npm install

2. To Run Test Suite: npm test

3. To Start Server: npm start

4. To Visit App in browser: http://localhost:8000/home

Status

The project is under development currently. The frontend developed till now is hosted on the demo link.

Pages implemented:

• Home page
• Login
• Signup
• Search
• Account info & Address change
• Order History
• Payment and Checkout
• Product catalog
• Product information
• Cart