Shoppingify

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features

Overview

Items	History
List	Statistics

Built With

• Next.js 13
• Mantine
• NextAuth.js
• Prisma
• MongoDB
• Cloudinary

Features

Users can:

• create an account or sign in using their Google account
• update their account info including name, profile picture, email, and password
• create and edit shopping lists
• cancel a list or mark it as complete
• toggle the editing state of a list again after it has been cancelled or completed
• have more than one shopping list active at a time and switch between editing them
• create items with a name, category, note, and image
• create new categories for items
• select an item and view its details
• update or delete items
• add or remove items from the currently active list
• increase or decrease the quantity of an item in the active list
• mark items as complete in the active list
• search for items by name
• view their shopping history
• view the details of all their lists including list title, items, and quantities
• view statistics including top items, top categories, and a chart for a monthly comparison