Skip to content

A complete demo showing how to integrate Supabase with React.js, built using Vite and styled with TailwindCSS. This project includes user authentication, real-time updates, file storage, and full CRUD functionality.

Notifications You must be signed in to change notification settings

AshishNikam111000/supabase-with-reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Supabase + React.js Full Feature Demo (Vite + TailwindCSS)

A complete demo showing how to integrate Supabase with React.js, built using Vite and styled with TailwindCSS. This project includes user authentication, real-time updates, file storage, and full CRUD functionality.


🚀 Features

✅ Supabase Authentication (Sign In / Sign Up)
✅ Realtime data updates via subscriptions
✅ File upload/download with Supabase Storage
✅ Full CRUD operations with Supabase Database
✅ Styled using TailwindCSS
✅ Built with React + Vite


🧰 Tech Stack

  • React.js (with Vite)
  • Supabase (@supabase/supabase-js)
  • Supabase Auth UI
  • TailwindCSS
  • JavaScript / JSX

⚙️ Getting Started

1. Clone the Repository

git clone https://github.com/AshishNikam111000/supabase-with-reactjs.git
cd supabase-with-reactjs

2. Create .env file in root folder and add below keys

VITE_SUPABASE_URL=
VITE_SUPABASE_KEY=

3. Install packages and run the application

About

A complete demo showing how to integrate Supabase with React.js, built using Vite and styled with TailwindCSS. This project includes user authentication, real-time updates, file storage, and full CRUD functionality.

Topics

Resources

Stars

Watchers

Forks