Cinetag is a web application built with React that allows users to browse and watch videos in a simple and organized interface.
The project simulates a small video library where users can explore content and open a player page to watch selected videos.
This project was created as a learning exercise to practice core concepts of the React ecosystem.
- Video listing page
- Video player page
- Navigation between pages
- API data fetching
- Component-based architecture
- Clean and simple UI
- React
- JavaScript
- CSS Modules
- React Router
- Fetch API
- HTML5
The project uses React functional components and React Hooks such as useState and useEffect to manage state and handle API requests.
Clone the repository:
git clone https://github.com/raiego/cinetag-react-training-js.git
Go to the project folder:
cd cinetag-react-training-js
Install dependencies:
npm install
Run the project:
npm start
Open in your browser:
http://localhost:3000 📚 Learning Goals
This project was built to practice:
React fundamentals
Component reuse
State management with Hooks
Fetching data from APIs
Routing between pages
📌 Project Status
This project is part of a React training and practice workflow focused on improving front-end development skills.
Developed by Alura