![image](https://private-user-images.githubusercontent.com/25663435/310718434-ce8c7702-4e5c-4b49-861b-678ba03cf820.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2NzU2MDcsIm5iZiI6MTcyMzY3NTMwNywicGF0aCI6Ii8yNTY2MzQzNS8zMTA3MTg0MzQtY2U4Yzc3MDItNGU1Yy00YjQ5LTg2MWItNjc4YmEwM2NmODIwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDIyNDE0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZmNzIwOTQ3ZTA2M2VlMzE0OGJiNmZhMDFlM2MxNTEzNjFlYTUxYjkxOTFhZjQwNDdjNTE3OWE0NGNhZjVjNWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.j2i9IzrNvI-lu-CmTh-HSPDvrg-QFB811MxNSvPrNKE)
Hello Frontend is the main interface to handle all things related to publication of news on the platform ÉTSMobile. It connects to [Backend Hello](https://github.com/ApplETS/Backend-Hello)
Features · Clone and run locally
- Organizer features
- Organize events, review older events posted, and more!
- Change your user preferences
- Manage your in progress events
- Moderator features
- Review events posted by organizer, approve or deny events.
- Insure having a nice QA over which events gets delivered through the platform.
- Styling with Daisy UI
- Auth handled by supabase
- Environment variables setup
- Communicate with Backend-Hello
- Docker (suppose to be already installed at this point)
- Git
- Node
- Visual Studio Code
Clone and install dependencies
3. Use cd
to change into the app's directory
cd Frontend-Hello
-
Rename
.env.local.example
to.env.local
and update the following:NEXT_PUBLIC_SUPABASE_URL=[INSERT SUPABASE PROJECT URL] NEXT_PUBLIC_SUPABASE_ANON_KEY=[INSERT SUPABASE PROJECT API ANON KEY] NEXT_PUBLIC_RECAPTCHA_SITE_KEY=[INSERT RECAPTCHA_SITE_KEY] RECAPTCHA_SECRET_KEY=[INSERT RECAPTCHA_SECRET_KEY] API_BASE_URL=http://localhost:8080/api
Both
NEXT_PUBLIC_SUPABASE_URL
andNEXT_PUBLIC_SUPABASE_ANON_KEY
can be found in your Supabase project's API settings All theRECAPTCHA
related stuff needs to be defined and found in a google cloud project. -
Install dependency
npm install
You can now run the Next.js local development server:
npm run dev
The frontend should now be running on localhost:3000.
Check out the docs for Local Development to also run Supabase locally.