/shoppingify

This is an app where you can create shopping lists, save them, keep a record of them, view some dirived statistics showing various trends.

Primary LanguageJavaScriptMIT LicenseMIT

📗 Table of Contents

📖 Shoppingify

Shoppingify! a cutting-edge web application - This innovative solution is designed to help users track their shopping habits and manage their shopping list with ease. With a focus on user experience and engagement, Shoppingify offers a wealth of features and functionalities to enhance your shopping experience.

The application is built with a responsive design, ensuring that it can be accessed from any device, anywhere, and at any time. The user-friendly interface makes it easy to add and manage items on your shopping list, and the advanced analytics and trend tracking features provide valuable insights into your shopping behaviors.

Shoppingify has been designed with the user in mind, making shopping more efficient, effective, and enjoyable. The live demo is available for your view.

🛠 Built With

Tech Stack

Client
Server
Database
Additional Used
  • DoorKeeper authentication
  • Devise
  • React-hook-form
  • Gitflow

Key Features

  • Analysis showing where most of your spending goes
  • Track your shopping history by noticing recurrent trends

Functionalities

  • When I select the items tab, I can see a list of items under different categories.
  • I can add a new item with name, category, note, and image.
  • When I add a new item, I can select one from the existing categories or add a new one if the category does not exist 🔥
  • When I select an item, I can see its details and I can choose to add the current list or delete the item.
  • I can add items to the current list 😋
  • I can increase the number of item in the list
  • I can remove the item from the list
  • I can save/update the list with a name (user can have only one active list at a time)
  • I can toggle between editing state and completing state
  • When I am at completing state, I can save my progress by selecting the item
  • I can cancel the active list 😄
  • When I try to cancel a list, I can see a confirmation notification
  • I can see my shopping history and I can see the details of it
  • I can see some statistics: top items, top categories, and monthly comparison.
  • I can search for items

(back to top)

🚀 Live Demo

(back to top)

🚀 Screenshots

Home Login

(back to top)

🚀 Backend Repository

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need have folowwing installed on your machine:

- Node.js
- npm enabled
- Ruby:latest (Backend)

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/bobb-Rob/shoppingify.git

Install

Install this project with:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

Deployment

You can deploy this project using:

(back to top)

👥 Authors

👤 Name Github Twitter LinkedIn
Robertson Akpan @bobb-rob @___Robertson @RobertsonAkpan

(back to top)

🔭 Future Features

  • Sync your phone message with in-app budget tool to help tract spending and overtime help restrain unecessary spending
  • Add another user as co-planner and event purchase helper
  • Attach summary note to completed list or canceled list

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, and would love to see how we monetize this kind of app, you can reach out to me.

(back to top)

🙏 Acknowledgments

I would like to thank DevChallenges for this inspiring project design.

(back to top)

📝 License

This project is MIT licensed.