Shopping List App

Test me!

You can visit my website or download the app to your phone or computer.

To test you can create a new account or use a sample one:

• mail: test@mail.com
• password: testpass

Project Description

This project is a Progressive Web Application (PWA) designed to make daily shopping easier for users.
The main goal of the application is to allow users to easily manage their shopping list from any device, thanks to full user authentication. This way, users can be sure that their shopping list is always available and synchronized between different platforms.
The application offers a simple user interface that allows you to quickly add and delete items on your shopping list.
In addition, to make it easier and faster to create a list there is a typeahead function that suggests items already entered once before.

Features

• user registration and login
• downloading a shopping list from an online database
• adding and removing items from the list
• suggesting items that have already been entered once before

My process

Built with

• Semantic HTML5 markup
• CSS - mostly Tailwind
• JavaScript
• Parcel - web bundler
• Firebase - Database and User Authentication

What I learned

I learned a lot of new things but the project was mainly created to familiarize myself with Firebase. I learned how to authorize users and how to properly save data in the database and how to secure it. By the way, I learned an interesting library to typeahead which I will be happy to use also in future projects.

Run Locally

1. Clone the repository to your local machine:

   git clone https://github.com/BartyDash/shopping-list-app.git

2. Go to the project directory

3. Install dependencies

   npm install

4. Start the server

   npm run start