https://github.com/ovidiuchis/smart_summer_kids
🎯 A playful summer activity tracker for kids, built with React, Tailwind, and Supabase. Parents manage, kids complete, everyone wins!
https://github.com/ovidiuchis/smart_summer_kids
child-theme react supabase
Last synced: about 1 year ago
JSON representation
🎯 A playful summer activity tracker for kids, built with React, Tailwind, and Supabase. Parents manage, kids complete, everyone wins!
- Host: GitHub
- URL: https://github.com/ovidiuchis/smart_summer_kids
- Owner: ovidiuchis
- Created: 2025-06-13T11:09:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-29T11:37:50.000Z (about 1 year ago)
- Last Synced: 2025-06-29T12:28:43.608Z (about 1 year ago)
- Topics: child-theme, react, supabase
- Language: TypeScript
- Homepage: https://super-vara.vercel.app/
- Size: 3.47 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌞 Kids Summer Activity Tracker — *Super Vara*
A playful, colorful web app to help parents and kids track and reward summer activities together.
Hosted live on **Vercel** 🚀:
🔗 [super-vara.vercel.app](https://super-vara.vercel.app/)
---
## 🌟 Features
* 🔐 **Parent Registration** — parents can sign up, enroll their children, and manage their family account.
* 👧 **Child Profiles** — kids can select avatars (emoji or photo-based) for a personal experience.
* 🎯 **Activity Tracking** — children mark completed tasks, parents approve them.
* 📈 **Points System** — completed activities earn points that accumulate over time.
* 🗕️ **Daily Progress Bars** — kids can see their daily progress visually.
* 🔔 **Smart Alerts** — reminders and notifications to stay engaged and motivated.
---
## 🔧 Tech Stack
Built with modern, performant technologies:
* ⚡ Vite
* 🔤 TypeScript
* ⚛️ React
* 🎨 Tailwind CSS
* 🤩 shadcn-ui
* ☁️ Hosted on Vercel
---
## 🚀 Editing & Development
You have multiple ways to edit and improve your application:
### 1️⃣ Use Lovable Dev (no code)
* Visit your [Lovable Project](https://lovable.dev/projects/dfd9cd33-5879-45b1-ace8-4e84a6d807b7).
* Prompt changes directly.
* All changes are committed automatically.
### 2️⃣ Edit Locally with Your IDE
> Requirements: Node.js & npm (recommended install via [nvm](https://github.com/nvm-sh/nvm#installing-and-updating))
```bash
# Clone the repository
git clone https://github.com/ovidiuchis/smart_summer_kids.git
# Navigate into project directory
cd super-vara
# Install dependencies
npm install
# Start local development server
npm run dev
```
### 3️⃣ Edit Directly on GitHub
* Navigate to any file in your repo.
* Click ✏️ Edit, make your changes, and commit.
### 4️⃣ Use GitHub Codespaces
* Open your repository.
* Click **Code > Codespaces > New codespace**.
* Edit fully online.
---
## 🌎 Deployment
The project is hosted live on **Vercel** at:
🔗 [https://super-vara.vercel.app/](https://super-vara.vercel.app/)
To deploy new changes:
* Commit code to main.
* Vercel automatically builds & deploys your app.
---
## 🔑 Custom Domain
* Go to **Project > Settings > Domains > Connect Domain** on Vercel.
* Full guide: [Vercel Domains Docs](https://vercel.com/docs/projects/custom-domains)
---
## 💡 About the Project
This app was built for personal family use to:
* Encourage kids with positive reinforcement.
* Gamify daily tasks during summer vacation.
* Offer parents visibility into children's progress.
---
✅ **Built with ❤️ using Lovable Dev + Vercel.**
---