Welcome to the Shopping-Bucket-Like-Google-Shopping project

This is a shopping list project similar to Google Shopping List (https://shoppinglist.google.com/)

In this repository I have tried to add as much functionality as possible like Google Shopping List Application. The main focus of this application was to follow good coding practices and to keep the codebase as clean as possible.

Technology stack

This repository is built on top of React.js and Easy-Peasy. For managing the state I have decided to use Easy-Peasy (https://easy-peasy.vercel.app/). Easy-Peasy is basically a redux wrapper that allows us to manage state more flexibly and efficiently. I have use raw CSS following BEM methodology for writing manageable and more maintainable CSS code. As this is a full Frontend application, I have used localStorage for data persisting.

Client side

• React - A JavaScript library for building user interfaces
• Easy-Peasy - Vegetarian friendly state for React
• JSDoc - An API documentation generator for JavaScript
• prop-types - Runtime type checking for React props and similar objects.
• shortid - Amazingly short non-sequential url-friendly unique id generator.

Details frameworks and packages can be found in the package.json files in server and client directory.

Run the application

This project can be run manually via vscode.

Visual Studio Code

Prerequisites

• Node.js : To run npm packages

Steps

Client commands

npm i
npm start

Test client app

To view the client, open your browser and visit http://localhost:3000 url.

Scripts

Project	Command	Task
client	yarn add	Install client side dependencies
client	yarn run start	Start the react app
client	yarn run build	Build the react app in production mode

License

This project is MIT licensed.