This content originally appeared on DEV Community and was authored by Suraj Vishwakarma

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

This is not something using any framework and I think in future I am not going to add any javasscript too.

This is for CSS lover who want to learn UI/UX Designs

You can visit the site UI/UX Desing

Following languages have been used

HTML
CSS

View on GitHub

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

A JavaScript Repository to creat web app from basic to advance leve.

Introduction

This repostiory is mainly created to create web app using JavaScript. This app can level from beginner to expert level.

Contribution

Read Contribution.md for more details.

Following languages have been used

HTML
CSS
JavaScript

View on GitHub

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

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

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 run
```

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 all the weather information regarding it.

Contributing

Contributions are…

View on GitHub

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

View on GitHub

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 2019

UPDATE: Event Concluded!

This project started as a project for Hacktoberfest 2019, Thank you to everyone that participated and made this project what it is today and we look forward to seeing you all at Hacktoberfest 2020 Feel free to continue adding your designs to the master branch, you can check out the Hactoberfest-Edition branch to see the project as it was at the end of the event.

Interested in more events? keep an eye on our Events page HERE

Sharpen your pencils, we're getting creative!

Animation Nation

Hello and welcome to Animation Nation, a ZTM project for Hacktoberfest 2019! 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…

View on GitHub

Last Note

I hope you will contribute to some of my repositories that are beginner-friendly and learn about open source.

Happy Coding!

This content originally appeared on DEV Community and was authored by Suraj Vishwakarma

Print Share Comment Cite Upload Translate Updates

APA

Suraj Vishwakarma | Sciencx (2021-10-13T18:25:12+00:00) Beginner Friendly Repository to Contribute in Hacktoberfest. Retrieved from https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/

MLA

" » Beginner Friendly Repository to Contribute in Hacktoberfest." Suraj Vishwakarma | Sciencx - Wednesday October 13, 2021, https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/

HARVARD

Suraj Vishwakarma | Sciencx Wednesday October 13, 2021 » Beginner Friendly Repository to Contribute in Hacktoberfest., viewed ,<https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/>

VANCOUVER

Suraj Vishwakarma | Sciencx - » Beginner Friendly Repository to Contribute in Hacktoberfest. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/

CHICAGO

" » Beginner Friendly Repository to Contribute in Hacktoberfest." Suraj Vishwakarma | Sciencx - Accessed . https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/

IEEE

" » Beginner Friendly Repository to Contribute in Hacktoberfest." Suraj Vishwakarma | Sciencx [Online]. Available: https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/. [Accessed: ]

rf:citation

» Beginner Friendly Repository to Contribute in Hacktoberfest | Suraj Vishwakarma | Sciencx | https://www.scien.cx/2021/10/13/beginner-friendly-repository-to-contribute-in-hacktoberfest/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.