Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vic778/react-movies

This is a personal project to improve my skills in React that I have used the backend link provided by (TMDB): a Home page with the components Header component which contains the Navbar and the links Form component which contains a function to retrieve the Data from the database and which contains a logic to display the average from ascending to descending Card component which contains a function to display the movies via the Props of the react and which contains a Switch function to display the Genre of each movie and the date of publication.
https://github.com/vic778/react-movies

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/vic778/react-movies
Owner: vic778
Created: 2022-01-22T08:21:59.000Z (almost 3 years ago)
Default Branch: develop
Last Pushed: 2022-05-20T03:24:41.000Z (over 2 years ago)
Last Synced: 2023-03-03T21:13:37.648Z (almost 2 years ago)
Language: JavaScript
Homepage: https://reaact-movie.netlify.app/
Size: 3.3 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # React Movies

> This is a personal project to improve my skills in React that  I have used the backend link provided by (TMDB):

  - a Home page with the components

  - Header component which contains the Navbar and the links

  - Form component which contains a function to retrieve the Data from the database and which contains a logic to    display the average from ascending to descending

  - Card component which contains a function to display the movies via the Props of the react and which contains a Switch function to display the Genre of each movie and the date of publication.

![](https://github.com/vic778/react-movies/blob/userList/src/img/screen1.png)

- a UserLilst page which contains the list of movies the user liked and stored in the LocalStorage, 

- the movies stored can be also delete by the user.

![](https://github.com/vic778/react-movies/blob/develop/src/img/screen2.png)

## Built With

- React

- DOM6

- localStorage

## Live Demo

[Live Demo Link](https://reaact-movie.netlify.app/)

## Author 1

👤 **Victor Barh**

- GitHub: [@Vvic778](https://github.com/vic778)

- Twitter: [@victoirBarh](https://twitter.com/)

- LinkedIn: [LinkedIn](https://linkedin.com/in/victoir-barh)

## Getting Started

- run `npm install` to install all dependencies

- run `npm start` to run the server

### Prerequisites:

- Web browser

- Code Editor

- Live Server Extension

### Cloning the repo to your local system (If you already have git, installed in your system):

- [Copy this link](https://github.com/vic778/To-Do-List/tree/develop)

- Open your terminal or command line

- Run "git clone [Paste this link](https://github.com/vic778/To-Do-List/tree/develop)"

- Open the folder with your code editor

- Now You can edit the code and check the changes in the browser using Live Server

### Check linter errors:

- Install npm

- For HTML: Run npx hint .

- For CSS: Run npx stylelint “**/*.css”

- for javascript Run npx eslint .

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Start by:

- Forking the project

- Cloning the project to your local machine

- cd into the Youtube-Replica project directory

- Run git checkout -b your-branch-name

- Make your contributions

- Push your branch up to your forked repository

- Open a Pull Request with a detailed description to the development branch of the original project for a review

Feel free to check the [issues page](), contribute to the Project by creating an issue.

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Project originally taken from The Odin Project

- Project inspired by Microverse Program

- Thanks for this Website Design "VCITOIR BARH"