Introduction
One of the biggest Open Source events is going on ie Hacktoberfest. You can contribute to any open source project on Github or Gitlab and make valid 4 accepted Pull requests to avail perks. Perks include either T-shirt or plant a tree, depending on you.
You can participate in the event by registering yourself on Hacktoberfest with your Github/Gitlab profile.
I am working as a participant and also as a maintainer to help other beginners to make their contribution to my repo.
Today I am going to list a few repositories from my GitHub profile, where you can contribute. The repository is beginner-friendly and most are for web developers.
So let's get started.
How to Contribute
- In any repository, Go to the website.
- After learning about the repository and website. Go to Issue Tab.
- You can create a news issue or work on the previous issue.
- Just leave a message in issue regarding working on the issue.
- Then I will assign you on the issue.
- You can work on it and create a pull request.
- If everything goes well, I will merge it.
UI-UX-Design
A repository created to share different components such as Buttons, Forms, containers, Cards, etc. You can improve the previous components and layout of the website. You can also create your component.
Contribution:
- Improve the Layout of the website
- Add more components
- Improve Documentation
Website: https://surajondev.github.io/UI-UX-Design/
GitHub Repo:
surajondev
/
UI-UX-Design
Different CSS Components
🎨 UI-UX-Design
The Repository is created to encourage developers to create UI components. Each component is stored in the main directory with the name of the component. If you want to create the same component with a different style, make sure to use your name after the directory name.
💻 For CSS Lovers Who Want to Learn UI/UX Designs
UI-UX-Design 
This Repository is established in order to encourage developers to design UI components. This component is generated in the main directory with the component name If you wish to develop the same component in a different style, be sure to include your name after the directory name.
This is for CSS lovers who wants to learn UI/UX Designs 
Contribution 
You can check the CONTRIBUTION.md for guidelines for contribution.
🌐 Visit the site UI/UX Design
🛠️ Technologies Used
-
HTML -
CSS
This repository serves as a resource for developers to explore and…
JavaScript
A JavaScript-based repository containing projects from Basic to Advance. It already has projects like Coin Flip, Clock, Word Count, Background Changer, etc. You can add more JavaScript-based projects into the repository.
Contribution:
- Add more JavaScript Project
- Improve Documentation
- Work on other issues
GitHub Repo:
surajondev
/
JavaScript
From Basic to Advance JavaScript Project🌐
💻 JavaScript Repository
This repository is dedicated to creating web applications using JavaScript, from basic to advanced levels. JavaScript is a versatile language that can improve both client-side and server-side functionalities, allowing you to create interactive web pages.
🚀 Introduction
This repository serves as a comprehensive resource for developing web applications using JavaScript. Whether you are a beginner or an experienced developer, this repository can help you enhance your skills and build robust web apps.
🤝 Contribution
Please refer to the Contribution.md file for detailed guidelines on how to contribute to this repository. Your contributions, whether in the form of new projects, enhancements, or bug fixes, are highly appreciated.
🛠️ Technologies Used
The following languages have been used in this repository:
JavaScript
A JavaScript Repository to create web app from basic to advance level. JavaScript is very important language to improve your sites and the client-side and server-side that allows…
Get-Weather
An Open Weather API-based weather app was developed using the react as frontend. It is hosted on GitHub pages.
Contribution:
- Improve the Layout of the website
- Add more details
- Improve Cards that show details
- Better Color Combination for Website
- Dark and Light Mode
Website: https://surajondev.github.io/get-weather/
GitHub Repo:
surajondev
/
get-weather
Get weather website run using react framework. OpenWeather API is used to fetch information.
Get Weather
Access weather of different cities and other weather realated data
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
About The Project
![Product Name Screen Shot][product-screenshot]
The project is to provide information to the people regarding the weather of different location. Its is powered by OpenWeather API.
Built With
Deploy
- The web app is deployed on GitHub Pages.
Getting Started
To get a local copy up and running follow these simple steps.
Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm start
Installation
- Clone the repo
git clone https://github.com/surajondev/get-weather.git
- Install NPM packages
npm install
Usage
You can easily enter the name of city and then it will fetch…
Text-to-Speech
A Webapp that takes the text and converts into speech. It has support for more than 30 Major languages. It is hosted on netlify.
Contribution:
- Improve the Layout of the website
- Add more details
- Improve Cards that show details
- Better Color Combination for Website
- Dark and Light Mode
Website: https://surajondev.github.io/get-weather/
GitHub Repo:
surajondev
/
text-to-speech
Conver text into speech
You can convert text into speech . Click Here to see the website Text-to-Speech Recommended to use on PC
Following languages have been used
-
HTML
-
CSS
-
JavaScript
Installation
- Fork the repo
- Clone this repo using
git clone https://github.com/surajondev/text-to-speech.git - Change Directory to using
cd text-to-speech
Contribution
We would appreciate if you decide to improve the repository. If so, Thank You in advance.
Read CONTRIBUTION for more details.
Licence
This is distributed under MIT Licence. For more details read LICENCE
hello this is text to speech file
Animation-Nation
One of my favorite repositories to recommend for beginners to contribute and learn about Git and GitHub. You can create animation using CSS and HTML.
Contribution:
- Add your animation
Website: https://animation-nation.netlify.app/
GitHub Repo:
zero-to-mastery
/
Animation-Nation
A ZTM Challenge for Hacktoberfest
✨ Animation Nation ✨
Sharpen your pencils, we're getting creative!
Hello and welcome to Animation Nation, a ZTM project for Hacktoberfest! This site aims to showcase the creative talents of the ZTM community :)
Rules
The rules are simple. You have to:
- Use HTML
<divs>and CSS only! No JS, and no SVGs! - Have at least one animation in your work
- Please make sure that the code is indeed your own, and not copied from someone else
- That's it!
How to contribute
Forking the repo
If you've never forked a repository or made a pull request before, we recommend making your first one over at https://github.com/zero-to-mastery/start-here-guidelines. That will count towards your total, and then you'll be ready to take on this challenge with your new GitHub skills!
A cool resource to learn about the forking workflow can also be found here - https://www.atlassian.com/git/tutorials/comparing-workflows/forking-workflow
Adding your contribution
Now…
Last Note
I hope you will contribute to some of my repositories that are beginner-friendly and learn about open source.
Happy Coding!
Top comments (1)
It's going on. Through out this October. You can register on Hactoberfest.