my shoppingify

Demo | Challenge

Shoppingify allows you to create and edit shopping lists on the fly: add items, customize their details and check them off. Keep your lists organized in one place and easily switch between them for any occasion.

Built With

Features

• Nextjs 14 app directory routing
• Authentication and middleware with NextAuth.js
• Server state management with Tanstack Query
• Data visualization using Recharts
• ORM using Prisma
• PostgresQL database at Supabase
• Validations using Zod
• UI Components built using Radix UI
• Styled using Tailwind CSS
• Written in TypeScript

This app was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

Plans for Improvement

• Refactor for greater readability and project structure
• Optimistic UI changes for better responsiveness

Running Locally

First, install dependencies:

npm install

Copy .env.example to .env.local and update the variables

cp .env.example .env.local

Then run the development server

npm run dev

Open http://localhost:3000 with your browser to see the result.

Acknowledgements

• Taxonomy NextJS 13 Sample App