Skip to content

wazeerc/movie-recs

Repository files navigation

Movie Recs 🎥

Pick 3 Movies, and Let Us Find Your Next Must-Watch!

Built with:

React Vite TypeScript Tailwind Magic UI React Query Supabase

Note

🚧 Development is still in progress.

Installation

Important

Run node -v to check if you have Node installed.

Download Node.js

  git clone https://github.com/wazeerc/movie-recs
  cd movie-recs
  npm i
  npm run dev

Setting Up Supabase

  1. Go to Supabase and create an account.
  2. Create a new project in the Supabase dashboard.
  3. Once the project is created, go to the "Settings" and "Data API" tab and find your Project API Keys: API URL & Anon Key.
  4. Copy these values and create a .env file in the root of the cloned repository using the .env.example file as a template:
# Copy the example environment file and fill in your Supabase credentials
cp .env.example .env
  1. Create a table called Movies and import the csv file from public/data/movies.csv and set a PK.
  2. Create a RLS policy in order to access the data - please follow these steps:
    • Open the Table Editor
    • Select the "Movies" table
    • Click "Add RLS Policy"
    • Click "Create policy" (refer to ss below)
    • Choose the "Select" template
    • Save policy

Your .env file should look like this (with your actual values):

VITE_SUPABASE_URL=your_supabase_url_here
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key_here

Contributing

Contributions are always welcome! 😃

  1. Fork the Project
  2. Create your Feature Branch git checkout -b feature/AmazingFeature
  3. Commit your Changes git commit -m 'Add some AmazingFeature'
  4. Push to the Branch git push origin feature/AmazingFeature
  5. Open a Pull Request

License

Distributed under the Apache License. See LICENSE for more information.

Readme created with readme.so

RLS Policy settings

RLS Policy Settings

🔝