https://github.com/juanpablo70/moviesreact

Favourite Movies
https://github.com/juanpablo70/moviesreact

hooks localstorage react useeffect-hook usestate-hook vite

Last synced: about 1 month ago
JSON representation

Favourite Movies

• Host: GitHub
• URL: https://github.com/juanpablo70/moviesreact
• Owner: JuanPablo70
• Created: 2023-10-08T21:31:34.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-06T00:39:01.000Z (about 1 year ago)
• Last Synced: 2024-04-16T17:14:05.390Z (9 months ago)
• Topics: hooks, localstorage, react, useeffect-hook, usestate-hook, vite
• Language: JavaScript
• Homepage:
• Size: 585 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Favourite Movies - React Hooks

This mini project is an interactive web application that allows users to explore a list of movies and select their favorites. The application utilizes ReactJS and demonstrates the use of useState, useEffect, and a custom Hook called useFavourites in a movie favorites selection application.

### Prerequisites

To use this application, you need to have knowledge of:

+ Node.js - Runtime environment for JavaScript.

+ ReactJS - JavaScript library for building interactive and reactive user interfaces.

### Installing and Running the Project

To download this project, run the following command down below.

```

git clone https://github.com/JuanPablo70/MoviesReact.git

```

Once the project is downloaded, open it in your favorite code editor such as VSCode and execute the following commands in the terminal:

```

npm install

npm run dev

```

In a web browser, visit the link [MoviesReact](http://127.0.0.1:5173/) to view the project.

### Project Functionality

![favourites](img/favourites.gif)

By clicking on one of the favorite buttons, the movie will be selected as a favorite and saved in the local storage. Therefore, even if the page is reloaded, the last selections made will continue to be displayed, maintaining the user's preference state.

### Build With

+ [Vite](https://vitejs.dev) - Next Generation Frontend Tooling

+ [React](https://es.react.dev) - The library for web and native user interfaces

### Version

1.0

### Author

[JuanPablo70](https://github.com/JuanPablo70)