JDPROGS

This is my personal portfolio. Here you can check some of my work.

Back

Carttoshop

React application

When I started thinking about this, me and my partner had to update eachother with whathever we were looking for to buy in the grocery store. Then I thought it would be nice to have something to deal with this situation without having to worry about forgetting anything.

The main difference between this and a conventional shopping list is that you can share your shopping list with other registered users and then any member of it could update the list without any difficulties.

Creating your list

When you first join the app, obviously you won´t count with any list ready-to-work with, so you can either: create sample lists with the option in your user menu or create your first personal group and inside this one, your shopping list.

Invite friends

Once you have your group created. It will show in the main screen of the app. Then you will notice a sharing icon (). This button will save in your clipboard an invite link that you can share wih anybody.

Remember: this invite link has an expiry time of 10 minutes, so you should let know this to whoever you share the link with.

Lists

The list is like a checklist, where you can specify the following information:

  • Checked or unchecked .
  • Name.
  • Amount.

There are also general options inside a list:

  • Edit mode: it allows to create, delete or edit items.
  • Check all: checks all the items.
  • Reset: removes the check from the checked items, so the list gets reseted.

The application is hosted in the following link: Carttoshop.jdprogs.com

Notice: due to being a Work-in-progress, the application access isn't allowed