Giter Site home page Giter Site logo

phoenix-031 / animepedia Goto Github PK

View Code? Open in Web Editor NEW

This project forked from decoderscommunity/animepedia

1.0 0.0 0.0 68.26 MB

A website ( should we say paradise? ) for all the Anime hunters out there!

Home Page: https://bit.ly/AnimePedia

License: MIT License

JavaScript 0.96% CSS 2.17% HTML 96.88%

animepedia's Introduction

AnimePedia

There is no doubt that most of our childhood was spent watching anime, we have seen and experienced it all. AnimePedia is a thanks-giving repository for the Anime Community ( for all the Otakus out there :) ) where literally anyone can contribute their favourite characters or browse them! A simple application for weebs, made using HTML, CSS, and JavaScript.

Website: AnimePedia

This respository is maintained by: Raunak Agarwal, Amartya Yadav, and Barmendu Chakraborty

Note: This repository is created with the sole intent of guiding beginners to their initial Open Source contributions.

What you can Contribute?

There is always something to contribute to a project whether you are a Novice or a Veteran. In this project, you can add your favourite anime character as a card to the website! Or maybe you didn't like the line that you are reading right now and want to change it! Well, why not?

We appreciate all kinds of contributions from core-code contributions to non-code contributions like fixing the site, suggesting a feature, raising an issue, etc.

How to Contribute?

Contributing to AnimePedia is a cake-walk as long as you follow the below steps ๐Ÿ˜‰

  • Pick the character you want to contribute, and make sure it's not there on the site yet (Use the Search feature)
  • Fork the repository
  • Download your favourite character's image and upload it to the images folder. Make sure you provide a valid name for your image file
  • Copy the Card template code given below & fill in the information as directed
  • Note: Copy & paste the entire code as it is after filling in the details of the character!
            <div class="card mb-3 card-bg my-4" style="max-width: 100%;">
                <div class="row no-gutters">
                    <div class="col-md-4">
                    <!-- Replace image_name_here with the complete name (with extension) of the image you uploaded -->
                        <img src="./images/[image_name_here]" alt="[Character Name here]" height="390px" width="300px">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h2 class="card-title">[Character Name]</h2>
                            <p class="card-text">
                              [Character Description 1 Here]
                            </p>
                            <p>
                              [Character Description 2 Here]
                            </p>
                            <hr>
                            <p>Contributed by- [Your name here]</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--Sample [Character Name] card end-->
            <!--Add your card below this line -->
  • Paste the edited template code into the index.html file just below the last added card !
  • Sync your Fork & then create a Pull Request. If there are any conflicts with the main branch then resolve them first.
title: Name of the character added
description: Issue no: #[Issue no here] (for adding a new character it's #4)
  • That's it, you have successfully contributed to AnimePedia. Your character will appear on the site within minutes of your PR getting merged ๐Ÿ˜„
  • Star โญ the repository if you liked it!

Please refer to the Contributing Guide to know more about the guidelines & Code of Conduct.

Contributors

License

For more information on licensing, please refer to the License

๐ŸŽ‰ Thanks for contributing to the Decoders Community ๐ŸŽ‰

Decoders Banner

ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย 

Do star the Decoder's AnimePedia repository โญ

animepedia's People

Contributors

0410pankajv avatar aastha-chauhan-gits avatar abhi212001 avatar accelerator321 avatar amanraj-iit avatar anantjain05 avatar anujsingh7 avatar apexpre-dator avatar ashwani29082003 avatar atharv-a avatar awisefreak avatar ayush-0110 avatar barmenduc avatar harshisdead avatar harshit-sharma-gits avatar harshit7650 avatar harshkalra2003 avatar harshvardhansb avatar iamartyaa avatar iharshita avatar ipriyanshu25 avatar kaustubhdidit avatar piyush0045 avatar raunak173 avatar saksham-kankani avatar samar1110 avatar shouryasrivastava01 avatar skasana-334 avatar tribhuvan0 avatar vanshika0510 avatar

Stargazers

 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.