eltonlazzarin/movies-react-app

ReactJS Movies application

ReactJS Movies application

About The Project   |    Technologies   |    Getting Started   |    How To Contribute   |    License

👨🏻‍💻 About the project

Filmes 3D is a project developed in ReactJS and aims to list films through research. In addition to searching for movies, the user can select a specific movie to show more details on another page and if you prefer you can select it as a favorite. This feature is also available by clicking on the heart above the desired movie card on the home screen after searching for a movie.

When clicking on my favorites located on the home screen, a list of movies favored by the user is specified and, if you wish to remove them from this list, just click on the heart located at the top right of the card.

🚀 Technologies

Technologies that I used to develop this frontend app

• ReactJS
• Axios
• React-Router-Dom
• React-Icons
• Styled-Components
• React-Hooks
• Context-API
• VS Code with ESLint, EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm

Access the folder

$ cd movies-react-app

Follow the steps below

Running application

# Install the dependencies
$ yarn

# Changes
$ Rename .env.example to .env and add your own ID

# Run the web app
$ yarn start

Run tests

$ yarn test

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/movies-react-app.git

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.