Giter Site home page Giter Site logo

alicbm / pelisflix Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 78.75 MB

"This is a place to know the new and the best movies.".

Home Page: https://alicbm.github.io/pelisflix/

HTML 1.40% JavaScript 64.18% CSS 34.42%
css3 htmls5 javascript movies-api movies-app reactjs themoviedb-api

pelisflix's Introduction

Pelisflix ๐ŸŽญ

"This is a place to know the new and the best movies.".

Hello!

Welcome to this repository, here you can have access to many movies, of all the categories and many options for choose what movie you will watch this weekend.

For example, about the categories in this app:

  • Action
  • Adventure
  • Animation
  • Comedy
  • Crime
  • Documentary
  • Horror
  • Mystery

And many more!

To create this application it was necessary to use the very famous TheMovieDB API, which gives us access to a lot of information for the different sections of the application, it gives us options such as Trendings, Popular Movies, Now Playing, Top Rated, and many more, but this time I decided to use the above four options. For more information you can enter the previous link.

Another functionality that this app offers you is the possibility to see how the popularity of each movie is, you can see the overview of the movies, the actors who work in that movie, and you can see Similar Movies taking into account the movie that you have selected.

You have a visual example to see how the functionality of the application is, you just have to scroll down a bit: ๐Ÿ˜

Todo App

This app uses the LocalStorage tool, which is useful for data persistence, and in this way we can navigate the page without problems. If you want to know more about this tool you can do click on the prevous link.

Available Scripts

  • npm start Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

    The page will reload when you make changes. You may also see any lint errors in the console.

  • npm test Launches the test runner in the interactive watch mode. See the section about running tests for more information.

  • npm run build Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

  • npm run eject If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

    Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

How to use it? ๐Ÿง 

  • Create an account in TheMovieDB
  • Enter your account and copy your api key
  • Create your development environment with React.js:
    npx create-react-app folderName
  • Clone this repository through the two must famous options:
    1. https://github.com/Alicbm/todo-app.git
    2. [email protected]:Alicbm/todo-app.git
  • npm start
  • Enjoy of the application where you can find the best movies ๐Ÿ˜

Requirements ๐Ÿ”

- Node.js
- Npm
- Webpack
- Babel
- Git
- Api key

Built With ๐Ÿ› ๏ธ

 TheMovieDB API 
- React.js
- HTML
- CSS
- Git
- LocalStorage

Ceated by Alic Barandica, Fronted Developer.

pelisflix's People

Contributors

alicbm avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.