Hello Frontend

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

Features

• 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

Prerequisites

• Docker (suppose to be already installed at this point)
• Git
• Node
• Visual Studio Code

Installation

Clone and install dependencies 3. Use cd to change into the app's directory

cd Frontend-Hello

4. 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 and NEXT_PUBLIC_SUPABASE_ANON_KEY can be found in your Supabase project's API settings All the RECAPTCHA related stuff needs to be defined and found in a google cloud project.

5. Install dependency

   npm install

Running the project locally

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.