Skip to content

H-Maurya/HarryPotter-x-Hacktoberfest

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

THIS REPOSITORY HAS BEEN EXCLUDED

logo


Open Source Love Hacktober Badge Star Badge Contributions Pull Requests Badge


Hacktoberfest, in its 10th year, is a month-long celebration of open source software run by DigitalOcean. During the month of October, we invite you to join open-source software enthusiasts, beginners, and the developer community by contributing to open-source projects. You can do this in a variety of ways:

  • Prepare and share your project for collaboration
  • Contribute to the betterment of a project via pull requests
  • Organize an event
  • Mentor others
  • Donate directly to open source projects


Harry Potter

series image

Harry Potter, the beloved wizarding world created by J.K. Rowling, holds a special place in the hearts of many, evoking powerful feelings of childhood nostalgia. For those who grew up with Harry, Ron, Hermione, and the enchanting Hogwarts School of Witchcraft and Wizardry, the series is more than just books and films—it's a time capsule of our own youthful adventures. The tales of magic, friendship, and bravery transported readers and viewers to a world where the impossible became possible, where the ordinary could become extraordinary. Childhood nostalgia intertwines with Harry Potter, reminding us of a time when we believed in the magic of both fictional and real-life adventures, where the longing for a letter from Hogwarts was just as real as the characters themselves. The enchantment of Harry Potter transcends generations, continuing to bring comfort and joy as we revisit the stories and share them with new readers, passing the torch of nostalgia from one childhood to the next.

With Hacktoberfest 2023 coming up, I decided to create this repository that's actually a very basic web-page that lets the user view and add their favourite characters.

You can find all types characters here.

Contents of the Webpage

  1. index.html - Contains the content of the main/home page.
  2. style.css - Contains the styling given to the home page.
  3. script.js - Contains dynamically generated character cards.

What can you 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 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 that. Sure! Why not?

How can you contribute?

To contribute in Hacktoberfest 2023 , checkout the given link : https://hacktoberfest.com/

And That's It! Follow these steps to make your very first Pull request.

But what if i don't know how to add cards? :(

Not everyone is aware of every tool present in the world no matter how easy or complex it is. It's also not necessary to know each and every tool out there. Use the code below to add the your own card!

Code -

            <!-- [character name] card start-->
            <div class="card">
              <img src="img/[name].png" alt="[name]">
              <div class="container">
                  <h4><strong>[name]</strong></h4>
                  <p class="desc">[Character Description]</p>
              </div>
            </div>
            <!--[character name] card end-->

Copy this code and paste it in the index.html file to make your changes. Try and test it on your own system and then create a Pull Request. You can adjust height of image of character so that it will fit in card.

Congratulations!

Congratulations! You just made your first pull request and if it gets merged, you can view it using the link provided above!