This project, MovieDux, is a web application built with React and Node.js that allows you to search and add movies to a watchlist. Here’s a breakdown of its functionalities and the technologies used:
CSS: CSS is used for styling the user interface of the application.
Search Movies: You can search for movies using a search bar.
Add to Watchlist: You can add movies to a watchlist for future viewing.
Data Loading: Movie data is loaded from a JSON file containing information like title, image, genre, and rating.
Movie Grid: Movies are displayed in a grid layout with individual movie cards.
Dynamic Footer: The footer includes the current year, demonstrating the use of dynamic content.
React Features: The project utilizes various React features like state management, props for passing data between components, and refactoring to improve code organization.
JavaScript Techniques: The project utilizes various JavaScript techniques like variable scoping (var, let, const), arrow functions, rest/spread operators, and more.
Node.js: Node.js is used for server-side functionality, likely for managing data fetching or API interactions.