https://github.com/gobimahato/timeflix

I build a simple movie app for learning React.js from JS Mastery YouTube Channel.
https://github.com/gobimahato/timeflix

appwrite reactjs tailwindcssv4

Last synced: about 17 hours ago
JSON representation

I build a simple movie app for learning React.js from JS Mastery YouTube Channel.

• Host: GitHub
• URL: https://github.com/gobimahato/timeflix
• Owner: gobimahato
• Created: 2025-01-25T14:45:26.000Z (2 days ago)
• Default Branch: main
• Last Pushed: 2025-01-25T15:08:33.000Z (2 days ago)
• Last Synced: 2025-01-25T15:29:00.000Z (2 days ago)
• Topics: appwrite, reactjs, tailwindcssv4
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


    

      

    

  


  


    

    

    

  


  
 Timeflix - A React.js Movie Application




1. 🤖 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🤸 [Quick Start](#quick-start)

## 🤖 Introduction

Built with React.js for the user interface, Appwrite for the Trending Movies Algorithm, and styled with TailwindCSS (v4), Timeflix is a website project designed to help beginners get started with learning React.js. The platform offers a sleek and modern experience for browsing and discovering movies.

## ⚙️ Tech Stack

- React.js

- Tailwind CSS

- Appwrite (backend)

## 🔋 Features

👉 **Browse All Movies**: Explore a wide range of movies available on the platform.

👉 **Search Movies**: Easily search for specific movies using a search function.

👉 **Trending Movies Algorithm**: Displays trending movies based on a dynamic algorithm.

👉 **Modern UI/UX**: A sleek and user-friendly interface designed for a great experience.

👉 **Responsiveness**: Fully responsive design that works seamlessly across devices.

and many more, including code architecture and reusability

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/gobimahato/timeflix.git

cd timeflix

```

**Installation**

Install the project dependencies using npm / pnpm:

```bash

npm install or pnpm install

```

**Set Up Environment Variables**

Create a new file named `.env.local` in the root of your project and add the following content:

```env

VITE_IMDB_API_KEY=

VITE_APPWRITE_PROJECT_ID=

VITE_APPWRITE_DATABASE_ID=

VITE_APPWRITE_COLLECTION_ID=

```

Replace the placeholder values with your actual **[TheMovieDatabase API](https://developer.themoviedb.org/reference/intro/getting-started)** and **[Appwrite](https://apwr.dev/JSM050)** credentials. You can obtain these credentials by signing up on the [TheMovieDatabase](https://developer.themoviedb.org/reference/intro/getting-started) and creating a new project on the [Appwrite](https://apwr.dev/JSM050)

**Running the Project**

```bash

npm run dev

```

Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.

Let's enjoy this movie app.