This repository contains the code for a simple to-do list app built using NextJS, React, Supabase, and Tailwind CSS. The project is designed as a part of a practical tutorial to help beginners and intermediate developers solidify their understanding of React and how it can be integrated with Supabase for backend functionality and Tailwind CSS for styling.
For a step-by-step guide on how to build this project, watch the tutorial on YouTube: Watch the tutorial here
- Supabase account setup
- Creating a table
- Supabase client setup
- Real-time data fetching, adding and deleting from Supabase
- Responsive design using Tailwind CSS
- Form handling
- State management with React Hooks
- React / NextJS
- TypeScript
- Supabase
- Tailwind CSS
To get a local copy up and running clone this repo, open terminal, navigate to repo folder, and run yarn and yarn dev, or npm install and npm run dev. To set up your Firebase instance follow instructions from my video tutorial.
If you want to follow along with the tutorial, but you don't want to set up your own to-do list app you can find the initial code before Supabase setup here.