https://github.com/wazeerc/movie-recs

Pick 3 Movies, and Let Us Find Your Next Must-Watch!
https://github.com/wazeerc/movie-recs

collaborate movie-recommendation-app opensource react supabase typescript

Last synced: 8 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/wazeerc/movie-recs
• Owner: wazeerc
• License: apache-2.0
• Created: 2024-08-08T15:54:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-26T08:32:03.000Z (9 months ago)
• Last Synced: 2025-01-31T15:40:07.458Z (8 months ago)
• Topics: collaborate, movie-recommendation-app, opensource, react, supabase, typescript
• Language: TypeScript
• Homepage:
• Size: 1.22 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# Movie Recs 🎥

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

##### Built with:

[![React](https://img.shields.io/badge/react.js-000000?style=for-the-badge&logo=react&logoColor=white)](https://react.dev/)

[![Vite](https://img.shields.io/badge/vite-000000?style=for-the-badge&logo=vite&logoColor=white)](https://vitejs.dev/)

[![TypeScript](https://img.shields.io/badge/TypeScript-000000?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Tailwind](https://img.shields.io/badge/tailwindcss-000000?style=for-the-badge&logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)




[![Magic UI](https://img.shields.io/badge/magicui-000000?style=for-the-badge&logo=magicui&logoColor=white)](https://magicui.design/)

[![React Query](https://img.shields.io/badge/React%20Query-000000?style=for-the-badge&logo=react-query&logoColor=white)](https://tanstack.com/query)

[![Supabase](https://img.shields.io/badge/Supabase-000000?style=for-the-badge&logo=supabase&logoColor=white)](https://supabase.com/)

> [!Note]  

> 🚧 Development is still in progress.

## Installation

> [!IMPORTANT]  

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

>

> > Download [Node.js](https://nodejs.org/en/download/prebuilt-installer)

```bash

  git clone https://github.com/wazeerc/movie-recs

  cd movie-recs

  npm i

  npm run dev

```

## Setting Up Supabase

1. Go to [Supabase](https://supabase.com) and create an account.

2. Create a new project in the Supabase dashboard.

3. Once the project is created, go to the "Settings" tab and find your `API URL` and `Anon Key`.

4. Copy these values and create a `.env` file in the root of the cloned repository:

5. Create a table called `Movies` and import the `csv` file from [public/data/movies.csv](https://github.com/wazeerc/movie-recs/blob/main/public/data/movies.csv) and set a PK.

6. 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](#ss) below)

   - Choose the "Select" template

   - Save policy

```

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](http://www.apache.org/licenses/). See LICENSE for more information.

###### Readme created with [readme.so](https://github.com/octokatherine/readme.so)

---

###### RLS Policy settings



🔝