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.
- 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.
- Refactor for greater readability and project structure
- Optimistic UI changes for better responsiveness
First, install dependencies:
npm installCopy .env.example to .env.local and update the variables
cp .env.example .env.localThen run the development server
npm run devOpen http://localhost:3000 with your browser to see the result.
- Email Derek Lee
- GitHub @yuandere
- Discord @al doub#7487