Balance is a full-stack CRUD (Create, Read, Update, Delete) web application built with Next.js and Supabase. The live demo is configured for public access, allowing any user to freely manage products to demonstrate the complete data management cycle.
You can view the deployed project and test it live at the following link: https://balance-two-eta.vercel.app
- Product Management (CRUD):
- Create: Add new products via a modal-based form.
- Read: View all products on a responsive grid.
- Update: Edit the information of an existing product, including its image.
- Delete: Remove products from the list with a confirmation prompt.
- Image Uploads: Integrated with Supabase Storage to host product images.
- Light & Dark Mode: A functional theme switcher with smooth transitions for an enhanced user experience.
- Responsive Design: The interface adapts seamlessly to various screen sizes, from mobile to desktop.
- Modern UI: Built with Tailwind CSS for rapid and customizable styling, complete with subtle animations.
- Framework: Next.js (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Backend & Database: Supabase (PostgreSQL & Storage)
- UI/UX:
- React Hooks
next-themesfor theme management.lucide-reactfor icons.
- Deployment: Vercel