Film Ranking is a web application built with Remix, Prisma, SQLite, and PicoCSS, all written in TypeScript. The platform allows users to share their favorite movies online and explore movies added by others.
- User Accounts: Users can create accounts, log in, and manage their profiles. 🧑🤝🧑
- Movie Sharing: Users can add movies to their profile and share their favorite films with others. 🍿
- Social Interaction: Users can search for other users by username, view the movies they have added, and manage their list of friends. 🔍
- Movie Posters: Integrated with OMDB API to fetch movie posters. 🎥
- Custom APIs: Utilizes custom APIs for various functionalities. ⚙️
To set up the project locally, follow these steps:
-
Clone the Repository:
https://github.com/rohit20v/film-ranking.git cd film-ranking
-
Install Dependencies:
npm install
-
Setup .env file: add ".env" file to the root directory of the project
DATABASE_URL=file:dev.db OMDB_KEY=<your omdb api key for https://www.omdbapi.com/> SECRET_KEY=<custom key>
-
Setup the Database:
npx prisma migrate dev --name init
-
Start the Application:
npm run dev
The application will be available at http://localhost:3000. 🌐
- Create an Account: Register a new account on the platform. 📝
- Log In: Use your credentials to log in. 🔑
- Add Movies: Add your favorite movies and share them with other users. 🎞️
- Search and Follow: Find other users by username and view their movie lists. 🔎
- Manage Friends: Add or remove friends from your list. ✨
Thank you for checking out Film Ranking! We hope you enjoy using it as much as we enjoyed building it. 😃