Feedback Form Dashboard
A clean and modern Vite + React + TypeScript project built with Tailwind CSS, shadcn-ui, and Supabase for authentication, data storage, and form handling. This project provides an interactive interface for users to submit feedback and a dashboard for viewing submitted responses.
⸻
Features • Supabase Authentication (Login, Signup) • Feedback Form with validation • Dashboard to view all feedback entries • Tailwind CSS + shadcn-ui components • Vite fast development + HMR • Fully responsive UI
⸻
Project Structure
feedback-form/ ├── public/ ├── src/ │ ├── components/ │ ├── hooks/ │ ├── pages/ │ ├── integrations/supabase/ │ ├── lib/ │ └── main.tsx ├── supabase/ ├── index.html └── package.json
⸻
Tech Stack • React + TypeScript • Vite • Supabase (Database + Auth) • Tailwind CSS • shadcn-ui
⸻
Getting Started
1️ Clone this repository
git clone https://github.com/KeyurSapara/feedback-form.git cd feedback-form
2️ Install dependencies
npm install
3️ Create a .env file
Add your Supabase project keys:
VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_anon_key
Run the development server
npm run dev
Your app will be available at:
⸻
Build for production
npm run build
Output will be inside:
dist/
⸻
Deployment
You can deploy easily on: • Vercel (Recommended) • Netlify • Cloudflare Pages
Upload the dist/ folder or connect GitHub for auto-deploy.
⸻
Custom Domain
Yes — supported by all major hosting platforms.
Just point your domain to the deployment environment.
⸻
Feedback
If you’d like to contribute or report an issue, feel free to open a pull request or issue in the repository.
⸻
Support
If you find this project helpful, please give it a star on GitHub!# FeedbackForm