https://github.com/nixoletas/fut-evento
Organize e gerencie eventos de futebol, colete presenças e tenha uma lista em segundos! ⚽
https://github.com/nixoletas/fut-evento
google-maps-api lovable netlify reactjs supabase supabase-auth
Last synced: about 1 year ago
JSON representation
Organize e gerencie eventos de futebol, colete presenças e tenha uma lista em segundos! ⚽
- Host: GitHub
- URL: https://github.com/nixoletas/fut-evento
- Owner: nixoletas
- Created: 2025-03-12T01:13:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-04T15:32:48.000Z (about 1 year ago)
- Last Synced: 2025-04-04T16:31:01.839Z (about 1 year ago)
- Topics: google-maps-api, lovable, netlify, reactjs, supabase, supabase-auth
- Language: TypeScript
- Homepage: https://futevento.com.br
- Size: 774 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to Futevento ⚽
## Project info
**URL**: https://futevento.com.br
## How the project was born
With the problem of always having to send list after list on whatsApp groups with people having to copy the list, add their name and resend it, i came up with the idead of creating a list organizer but aiming towards the soccer theme.
The project was kickstarted using lovable, an AI code generator. Then i added a few features, google Maps API and Supabase Auth.
## How it works
1. A user can create a list of events, add a location and a date. Then they can share the list with others via link.
2. When someone clicks on the link, they can see details about the event including the location on the map.
3. The user can add their name to the list and the list will be updated automatically.
4. The user can also see the list of people who are going to the event.
5. The creator of the list can see the list of people who are going and copy the list to clipboard, to paste on whatsApp.
## Setup
For this project to work, you need to create a .env.local file and add the following variables:
```env
VITE_GOOGLE_MAPS_API_KEY=isadjasiod...
project_id=sdapdoka...
VITE_SUPABASE_URL=https://xxxxxxxxx.supabase.co
VITE_SUPABASE_PUBLISHABLE_KEY=dasdsapdka....
```
You'll need to create a Google Maps API key and activate the Google Maps API.
You can get the Google Maps API key [here](https://console.cloud.google.com/apis/api/maps_backend/overview?project=amgadiltkvpcjtrbfvhx)
You'll need to create a Supabase project and get the project id and publishable key. You can get the Supabase project id and publishable key [here](https://supabase.com/dashboard/project/amgadiltkvpcjtrbfvhx/settings/api)
## Run the project:
- Step 1: Clone the repository
```sh
git clone https://github.com/nixoletas/fut-evento.git
```
- Step 2: Install the dependencies
```sh
npm i
```
- Step 3: Start the development server
```sh
npm run dev
```
## Technologies used for this project
- Vite
- TypeScript
- React
- shadcn-ui
- Tailwind CSS
- Supabase
- Google Maps API
- Netlify
- Registro.br