Shopping-List is not an ordinary todo-list. It utilizes crud functionalities to provide creation, deletion, etc. These functionalities, however, are dynamic, nimble and happen in real-time for the users sharing the list, all thanks to socket-io.
The main object of this project is to make users have access to a shared shopping-list. A user makes changes to it, while the others see it happening.
Below images portray some examples of using shopping-list.
Note: Images displayed above are gifs created using older version of shopping-list and only exist inorder to potray the app functionality.
This project consists of a server and a client folder. The server is built using node.js and socket.io, and is responsible for providing services to connect, sync and coordinate lists among users. The client is the front-end framework built using react.js and socket.io-client.
- In order to get the project up and running, we need to install dependancies for both server and the client.
$ npm run server-install$ npm run client-install$ npm run server$ npm run client
- Set up a new google cloud project
- Create a new firestore database
- Download the secret credential json file from the console and save it as
FIRESTORE='[JSON_FILE_CONTENT]'in a.envfile.
Note: Make sure you add
.envfile in.gitignorebefore committing the project to git.
Shreyas Shrawage |