--- AKA ---
Do You See My Cat?
A full-stack Next.js application that allows users to register, upload, and view pets—especially cats. Built with Supabase for backend services and ImageKit for image hosting, the app is styled with ShadCN UI and tested using Playwright.
Live Site: hwllo-window-pet.vercel.app
- User registration and management via Supabase
- Pet creation, editing, and deletion
- Image uploads stored and optimized with ImageKit
- REST API endpoints for both users and pets
- Debug and health check routes
- Clean and modern UI with ShadCN
- End-to-end testing with Playwright
- Frontend: Next.js, React
- Backend/Database: Supabase
- Image Hosting: ImageKit
- UI Components: ShadCN
- Testing: Playwright
- Deployment: Vercel
- Node.js v18+
- A
.env.localfile with your Supabase and ImageKit credentials
npm installnpm run devVisit http://localhost:3000 to view the app locally.
-
Environment Variables Check
/api/debugConfirms accessible environment variables. -
Server Health Check
/api/healthVerifies server status and Supabase connection.
Fetch all users.
Create a new user. Request Body:
{
"email": "user@example.com",
"name": "Jane Doe"
}Get user by email.
Delete user by email.
Fetch all pets.
Create a new pet. Request Body:
{
"name": "Whiskers",
"ownerEmail": "user@example.com",
"imageUrl": "https://ik.imagekit.io/your_path/cat.jpg"
}Fetch a specific pet by ID.
Update pet details. Request Body:
{
"name": "Mittens"
}Delete a pet by ID.
This project uses Playwright for end-to-end testing. Run tests with:
npx playwright testImages are uploaded and stored via ImageKit. Make sure your ImageKit credentials are set in .env.local.
The project is deployed on Vercel. Push to the main branch to trigger deployment.
MIT