GithubHelp home page GithubHelp logo

destryptor / peoples-choice Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aditeyas/peoples-choice

0.0 0.0 0.0 191 KB

Shows the favourite anime, movie, and TV Series of all the contributors

Home Page: https://aditeyas.github.io/peoples-choice/

License: MIT License

JavaScript 43.49% CSS 34.69% HTML 21.82%

peoples-choice's Introduction

People's Choice

App Logo

This repo collects data about favorite anime, movies, and TV series.

Contributing Guidelines

Step 1: Forking and cloning

  • Fork this repository by clicking the Fork button at the top right of this page or simply click here.
  • Clone the fork that you created

Step 2: Getting the name and ID

Head to TMDB and search for your favorite anime, movie, and TV series and note their name and id. Please write the correct ID and names (e.g below) for consistent data.

Anime

For the project to work properly make sure it's an anime series, and not a movie

ID:

  • The id is the path after https://www.themoviedb.org/tv/ in the TMDB url.
  • For example, in https://www.themoviedb.org/tv/37854 the ID is 37854
  • In https://www.themoviedb.org/tv/57041-gin-tama the ID is 57041-gin-tama

NAME:

  • The name will be the name of anime displayed, please write it in the same case.
  • Exapmple, write One Piece as One Piece and not one Piece, One piece or pne piece

Anime Data Extraction Example

Movie

ID:

  • The id is the path after https://www.themoviedb.org/movies/ in the TMDB url.
  • For example, in https://www.themoviedb.org/movie/890825-14-peaks-nothing-is-impossible the ID is 890825-14-peaks-nothing-is-impossible

NAME:

  • The name will be similar to above (in the same case)

Movie Data Extraction Example

TV Series

ID:

  • The id is the path after https://www.themoviedb.org/tv/ in the TMDB url.
  • For example, in https://www.themoviedb.org/tv/62560-mr-robot the ID is 62560-mr-robot

NAME:

  • The name will be similar to above (in the same case)

TV Series Data Extraction Example

Step 3: Adding your favourites (REQUIRED)

Go to data.js and add your details to the array

{
        username: '<github_username>',
        favAnime: '<anime name: as on TMDB>',
        favAnimeID: 'anime id: as on TMDB',
        favMovie: 'movie name: as on TMDB',
        favMovieID: 'movie id: as on TMDB',
        favSeries: 'series name: as on TMDB',
        favSeriesID: 'series id: as on TMDB'
},

Step 4: Updating contributors.md (REQUIRED)

  • Goto contributors.md and similarly add your name and socials as previously added.
  • You can add as many socials as you want

Step 5: Additional Changes (OPTIONAL)

  • Improve the UI of the page
  • Make any other changes that you want

Step 6: Make a new branch

Create a new branch and checkout to that using git checkout -b <branch_name>

Step 6: Add and commit your changes

  • When you are satisfied with your changes, add those by using git add .
  • Commit you changes with a message git commit -m "your-message"

Step 7: Update branch with main

Update your branch with main, by using git pull origin main

Step 8: Raise Pull Request

  • Resolve any conflicts (If exist). Add commit again if conflicts exist.
  • Push your branch git push origin <branch_name>
  • On the pull request page of GitHub select the correct labels from the right and raise the pull request.

Congratulations ๐ŸŽ‰

  • You have successfully raised a PR, raised a PR. Wait for it to be merged. You can see the live preview here
  • (Optional) โญ the repo

Awesome contributors ๐Ÿคฉ

License

Released under MIT by @aditeyaS.

peoples-choice's People

Contributors

aditeyas avatar slashexx avatar icepick4 avatar sejal-bansal avatar tanishqj-19 avatar abrehan2 avatar arjunpndt avatar s-maheshwar avatar guilhermeorcezi avatar sumant7 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.