/30-Days-Javascript-Hacktoberfest2023

Make your first Pull Request on Hacktoberfest 2023. Don't forget to spread love and if you like give us a ⭐️

Primary LanguageHTMLMIT LicenseMIT

Submit your PR on this new repo Hacktoberfest , There I am merging all PR.

In this current repo, there are a lot of conflicts, I am not merging until all conflicts get resolved. Hacktoberfest {Live Website}

This is a beginner-friendly project to help you get started with your hacktoberfest. If you don't know where to start, feel free to watch the videos linked below, and read the contribution rules. Happy Learning <3 💙 !!

P.S. Star ⭐ and Share this repository, if you had fun!! 😍

📌 Videos 📽️:

Contribution Rules📚:

  • You are allowed to make pull requests that break the rules. I will review that and merge it ;)
  • Do NOT add any build steps e.g npm install (I want to keep this a simple static site)
  • Do NOT remove other content.
  • Styling/code can be pretty, ugly or stupid, big or small as long as it works
  • Try to keep pull requests small to minimize merge conflicts

Getting Started 🤩🤗:

  • Fork this repo (button on top)
  • Clone on your local machine
git clone https://github.com/tarunbisht-24/30-Days-Javascript.git
  • Create your project folder
mkdir your-project-name
  • Navigate to your project directory.
cd your-project-name
  • Create a new Branch
git checkout -b my-new-branch
git add .
  • Commit your changes.
git commit -m "Relevant message"
  • Then push
git push origin my-new-branch
  • Create a new pull request from your forked repository

Avoid Conflicts {Syncing your fork}

An easy way to avoid conflicts is to add an 'upstream' for your git repo, as other PR's may be merged while you're working on your branch/fork.

git remote add upstream https://github.com/tarunbisht-24/30-Days-Javascript

You can verify that the new remote has been added by typing

git remote -v

To pull any new changes from your parent repo simply run

git merge upstream/master

This will give you any eventual conflicts and allow you to easily solve them in your repo. It's a good idea to use it frequently in between your own commits to make sure that your repo is up to date with its parent.

For more information on syncing forks read this article from Github.

Swags of Hacktoberfest:

  • Many of the candidates get attracted towards hacktoberfest to get swags. So, after 4 successfully merged pull requests as for 2022 you will be eligible to get a Hacktoberfest T-shirt and Some stickers on your doorstep.

  • tshirt image

    stickers image

FAQs (Frequently Asked Questions)

  • Who all can contribute?
    • Anyone with a github account and who is signed up for hacktoberfest :)
  • Are you getting paid for this?
    • Sadly no. But I think I should. This is 100% unofficial and I do it for fun, fame and glory.
  • Who are you and why are you doing this?
    • I am a developer from India Tarun Bisht. I am doing this because I love Open Source and Hacktoberfest. I want to make it easier for people to get started with Hacktoberfest and Open Source.
  • Why are you not using digitalocean?
    • Because I only know JavaScript and suck at servers. I use Netlify instead.
  • How many pull request (PR) must be made, if I want to get an awesome tshirt from Hacktoberfest 2022?
    • 4
  • How do I track my progress to get an awesome shirt from Hacktoberfest 2022?
    • go to :. (Check Out Your Own Stats at Right Top)
  • What is the duration of Hacktoberfest 2023?
    • It is from 1st october to 31st october 2023...
  • What is the event for?
    • For the open source community engagement and learn how to contribute to open source.
I will do my best to merge as much as possible from everyone. However, time is limited and the merge conflicts are horrible 😲 <3

Our Top Contributors

View Live Demo

30daysofjs.netlify.app
Day Name
1 Drum Kit
2 [Analog Clock](https://taurnbisht-24.github.io/30-Days-Javascript-Hacktoberfest2023/01 - Drum Kit/index.html)
3 [CSS Variables](https://taurnbisht-24.github.io/30-Days-Javascript-Hacktoberfest2023/01 - Drum Kit/index.html)
4 JS Array Cardio
5 Flexbox Panel Gallery
6 Type Ahead
7 Array Cardio Day 2
8 Fun with HTML5 Canvas
9 Dev Tools Domination
10 Hold Shift and Check Checkboxes
11 Custom Video Player
12 Key Sequence Detection
13 Slide in on Scroll
14 JavaScript References VS Copying
15 LocalStorage
16 Mouse Move Shadow
17 Sort Without Articles
18 Adding Up Times with Reduce
19 Traffic Lights
20 Levitate Board
21 Wave Effect
22 Zoom Effect
23 Drawing Pad
24 Word Counter
25 Weather App
26 Calculator
27 Memory Matching Game
28 Music Player
29 To Do List
30 Tic Tac Toe

License

This project follows the MIT License.

Made with ♥ by Tarun Bisht