TOORIST - A Sharable Itinerary

Tech stack

• React
• Tailwind
• Supabase

Local development workflow

• Prerequisites

  • Node
  • Docker
  • Supabase CLI
  • Free GCP Account

• Create .env file

  • Rename env.example to .env without any extenstion.

• Create GCP Project for Auth

  1. Go to Google Cloud Platform and create a new project.

  2. Go to Credentials Page of your newly created project.

  3. Click on Create Credential and select OAuth client ID.

  4. Select application type as Web application.

  5. Give name as required.

  6. Add Authorized JavaScript origins as your client's localhost url; - http://localhost:5173

  7. Add Authorized redirect URIs as same as your SUPABASE_REDIRECT_URL in .env file.

  8. Click create/submit.

  9. When you finish configuring your credentials, you will be shown your Client secret and Client ID.

  10. Copy Client secret and assign it to SUPABASE_AUTH_SECRET in .env file.

  11. Copy Client ID and assign it to SUPABASE_AUTH_CLIENT_ID in .env file.

• Running the supabase locally

  1. Setup supabase storage buckets

     npm init:supabase

  2. Run supabase container using following command

     supabase start

  3. After running the above command -

     • Copy anon key from the output and assign it to SUPABASE_KEY in .env file
     • Open the Studio URL from the output in browser; - http://127.0.0.1:54323

  4. Apply all the migrations using following command

     supabase db reset

  Note: To shut down supabase container before closing the dev window, Run supabase stop

• Running the client

  1. Install all the client dependencies using following command

     npm install

  2. Run the client using following command

     npm start

  3. Client will run at - http://localhost:5173

UI/UX

DB Schema