Cinetik

Cinetik is a dynamic web application that allows users to keep track of the shows they've watched, leave reviews, see what their friends are watching, and contribute to global reviews. Built with modern web technologies, Cinetik offers a seamless and interactive experience for TV and movie enthusiasts.

Table of Contents

• Features
• Demo
• Technologies Used
• Installation
• Usage
• Project Structure
• Contributing
• License
• Contact

Features

• Track Watched Shows: Easily mark the shows and movies you've watched.
• Leave Reviews: Share your thoughts and ratings on your favorite shows.
• Friend Activity: See what shows your friends are currently watching.
• Global Reviews: Contribute to and browse reviews from the wider community.
• Responsive Design: Enjoy a seamless experience across all devices.
• User-Friendly Interface: Intuitive navigation and interactive components.

Demo

Check out a live demo here.

Technologies Used

• React: Frontend library for building user interfaces.
• Vite: Fast development build tool.
• TypeScript: Typed superset of JavaScript for better code reliability.
• Tailwind CSS: Utility-first CSS framework for styling.
• Radix UI: Accessible UI components.
• Framer Motion: Animation library for React.
• React Router DOM: Routing library for React applications.
• React Query: Data fetching and caching for React.

Installation

Follow these steps to get a local copy up and running.

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Steps

1. Clone the Repository

   git clone https://github.com/yourusername/cinetik-frontend.git
   cd cinetik-frontend

2. Install Dependencies

   Using npm:

   npm install

   Using yarn:

   yarn install

3. Run the Development Server

   Using npm:

   npm run dev

   Using yarn:

   yarn dev

   The application will be available at http://localhost:8080.

4. Build for Production

   Using npm:

   npm run build

   Using yarn:

   yarn build

   The production-ready files will be in the dist directory.

Usage

Once the development server is running, you can interact with Cinetik by:

1. Registering an Account: Sign up with your email and create a profile.
2. Marking Shows as Watched: Browse the catalog and mark shows you've watched.
3. Leaving Reviews: Rate and review the shows to share your opinions.
4. Connecting with Friends: Add friends to see their activity.
5. Exploring Global Reviews: Read what the community is saying about different shows.

Project Structure

Here's a brief overview of the project's structure: