Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 open-source react supabase typescript

Last synced: 4 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: mit
Created: 2024-08-08T15:54:25.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-09-09T05:21:07.000Z (5 months ago)
Last Synced: 2024-09-28T10:42:41.316Z (4 months ago)
Topics: collaborate, movie-recommendation-app, open-source, react, supabase, typescript
Language: TypeScript
Homepage:
Size: 1.02 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 4
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/)

[![Firebase](https://img.shields.io/badge/firebase-000000?style=for-the-badge&logo=firebase&logoColor=white)](https://firebase.google.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` 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



🔝