This project was developed as a personal challenge to test and improve my React skills. Inspired by Netflix's interface, the goal was to recreate its aesthetics and functionality while integrating the TMDB (The Movie Database) API to fetch and display real movie data.
- Dynamic Movie Lists: Displays movies organized by categories such as trending, top-rated, and specific genres, powered by the TMDB API.
- Interactive UI: A clean, responsive, and visually appealing design inspired by Netflix's user experience.
- Scalable Codebase: Well-structured architecture, following best practices for code organization and performance optimization.
This project serves as a practical demonstration of modern front-end development techniques and the creation of interfaces that combine usability with professional design.
 |
 |
|---|---|
| Desktop | Mobile |
This project is compatible with Node.js versions >= 20.0.0. While it may work with older versions, it's recommended to use the latest LTS (Long Term Support) version for optimal performance and compatibility.
- Start the development server: Launches the app in development mode.
npm run dev
- Build the project: Prepares the app for production by bundling it.
npm run build
- Run tests: Executes the test suite.
npm run test - Generate test coverage: Provides test coverage reports.
npm run coverage
The project leverages the following technologies:
- React: A JavaScript library for building user interfaces.
- React Router DOM: Declarative routing for React applications.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- Tailwind: Rapidly build modern websites without ever leaving your HTML.
- Zustand: A small, fast, and scalable state management library for React.
- Axios: Promise-based HTTP client for the browser and Node.js.
- Vite: A fast build tool and development server for modern web projects.
- Vitest: A Vite-native testing framework.
- Jest: A delightful JavaScript testing framework with a focus on simplicity.
- Testing Library: Simple and complete testing utilities for React components.
- MSW (Mock Service Worker): API mocking library for testing and development.
- Husky: Git hooks made easy, enabling automation of tasks on Git commits.
- ESLint: A static code analysis tool to identify problematic patterns.
- Prettier: An opinionated code formatter for consistent code style.
- Lucide React: A collection of beautiful & consistent open-source icons for React.
This project is licensed under the MIT License. For more information, see the LICENSE file.
Made with ❤️ and code by Marcos Santos.