Skip to content

timDeHof/movie-nextjs-app

Repository files navigation

Welcome to Reelwatch 👋

Version Documentation Maintenance License: MIT

Welcome to Reelwatch, a web app where users can search for their favorite movies and add them to their personal watchlist. Built with Next.js, TypeScript, Tailwind CSS, and Appwrite Cloud, this app offers a seamless and engaging experience for movie enthusiasts.

Features

  • Movie Search: Easily search for movies using the TMDB API.
  • Personal Watchlist: Add movies to a personalized watchlist.
  • Responsive Design: Enjoy a seamless experience on any device.
  • User Authentication: Securely log in and manage your watchlist.

Homepage

Search Results

Getting Started

Prerequisites

  • npm >=5.5.0
  • node >=12.0.0 (Recommended: Latest LTS Version)
  • yarn >= 3.6.0
  • an account to appwrite.io

Installation

  1. Clone the repository:

This project is built with Next.js, TypeScript, tailwind & appwrite cloud among others. To start working on the project, first clone the repository on your local machine and install the dependencies.

   git clone https://github.com/timDeHof/movie-nextjs-app.git
   cd movie-nextjs-app
  1. Install dependencies:
npm install
# or
yarn
  1. Create .env file

copy the .env.local.template file to a new file called .env.local. This file contains the required environment variables that are injected by Next.js via the dotenv package.

NEXT_PUBLIC_APPWRITE_ENDPOINT="[APPWRITE_ENDPOINT]"
NEXT_PUBLIC_APPWRITE_PROJECT_ID="[APPWRITE_PROJECT_ID]"
NEXT_PUBLIC_APPWRITE_SERVER_API_KEY="[APPWRITE_SERVER_API_KEY]"
NEXT_PUBLIC_APPWRITE_DATABASE_ID="[APPWRITE_DATABASE_ID]"
NEXT_PUBLIC_APPWRITE_COLLECTION_ID="[APPWRITE_COLLECTION_ID]"
NEXT_PUBLIC_TMDB_MOVIE_KEY="[TMDB_MOVIE_KEY]"
  1. Run Development Server

Finally, run the development server:

npm run dev
# or
yarn dev

Now you can open http://localhost:3000 with your browser to see the application.

Testing

To run the test suite, use the following command:

npm test
# or
yarn test

Contributing

We welcome contributions to Reelwatch! Please read our Contributing Guide for details on our code of conduct and the process for submitting pull requests.

Support

Give a ⭐️ if this project helped you! For support, feel free to open an issue here.

Author

👤 Tim DeHof

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2023 Tim DeHof.
This project is MIT licensed.


This README was generated with ❤️ by readme-md-generator

About

A web app that users can search for their favorite movies and add them to their personal watchlist

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published