🎥 Cinetag - Video Streaming Platform

Overview

Cinetag was developed as part of the React course in the Alura and Oracle Next Education (ONE) program. The objective was to build a React-based API from scratch, following a Figma design. The project utilizes json-server to create a dynamic API and practice essential React functionalities.

Features

• React Framework: Created using Create React App.
• Component-based Architecture: Modular and reusable components.
• React Router Dom: Enables seamless navigation between pages.
• React Hooks: Implements useContext(), useEffect(), useState(), and useParams().
• API Interaction: Fetches and manages data with json-server.
• Module CSS: Uses module.css for customized styling.

Video Management and Favorites

• Users can store and watch videos directly on the platform.
• Videos can be marked as favorites dynamically.
• Includes a customized 404 error page for non-existent URLs.

Technologies Used

• React
• json-server
• JavaScript (ES6+)
• CSS (Module-based)

Installation and Usage

1. Clone the repository:

   git clone https://github.com/dharitcha/react-video-platform-project.git

2. Navigate to the project folder:

   cd cinetag

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Start the mock API server:

   json-server --watch db.json --port 3000

6. Open the project in your browser.

Live Demo

You can access the live version here: Cinetag on Vercel

⚠ Note: Full functionality requires json-server to be running locally.

License

This project is open-source and available under the MIT License.