https://github.com/karuifeather/creatorverse
@codepath
https://github.com/karuifeather/creatorverse
react react-router supabase vite
Last synced: 8 days ago
JSON representation
@codepath
- Host: GitHub
- URL: https://github.com/karuifeather/creatorverse
- Owner: karuifeather
- Created: 2026-05-12T23:12:18.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2026-05-13T00:08:12.000Z (about 2 months ago)
- Last Synced: 2026-05-13T02:20:05.763Z (about 2 months ago)
- Topics: react, react-router, supabase, vite
- Language: JavaScript
- Homepage: https://karuifeather.github.io/creatorverse/
- Size: 3.7 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Creatorverse
Creatorverse is a small React app for keeping track of content creators worth following. You can browse creators, view a creator’s details, add new creators, edit existing ones, and delete creators from the list.
The data is stored in Supabase, so the app does not rely on hardcoded creator rows.
## Demo
**Live site:** [https://karuifeather.github.io/creatorverse/](https://karuifeather.github.io/creatorverse/)
**Demo video (MP4):** [https://karuifeather.github.io/creatorverse/demo.mp4](https://karuifeather.github.io/creatorverse/demo.mp4)
## Built With
- React
- Vite
- React Router
- Supabase
- Custom CSS
## Features
### Required Features
- [x] Uses a logical React component structure
- [x] Shows at least five content creators on the homepage
- [x] Each creator card shows a name, link, and description
- [x] Uses async/await for API calls
- [x] Each creator has a detail page
- [x] Each creator has a unique URL
- [x] Users can add a creator
- [x] Users can edit a creator
- [x] Users can delete a creator
- [x] Newly added creators appear in the list
### Stretch Features
- [x] Creator cards instead of a plain list
- [x] Creator images on cards
- [ ] PicoCSS
## Pages
| Route | What it does |
| -------------- | -------------------------- |
| `/` | Shows all creators |
| `/creator/:id` | Shows one creator |
| `/add` | Adds a new creator |
| `/edit/:id` | Edits or deletes a creator |
## Getting Started
Install dependencies:
```bash
npm install
```
Copy `.env.example` to `.env` and fill in `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY` from your Supabase project (use the publishable key, not the service role key).
```bash
npm run dev
```