DEV Community

Cover image for 5 Repository for beginners in Hacktoberfest
Suraj Vishwakarma
Suraj Vishwakarma

Posted on • Updated on • Originally published at

5 Repository for beginners in Hacktoberfest


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.


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.


  • Improve the Layout of the website
  • Add more components
  • Improve Documentation


GitHub Repo:

GitHub logo 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 gif

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 gif

Contribution gif

You can check the for guidelines for contribution.

🌐 Visit the site UI/UX Design

🛠️ Technologies Used

  • CSS3 CSS

This repository serves as a resource for developers to explore and…


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.


  • Add more JavaScript Project
  • Improve Documentation
  • Work on other issues

GitHub Repo:

GitHub logo 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 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:


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…


An Open Weather API-based weather app was developed using the react as frontend. It is hosted on GitHub pages.


  • Improve the Layout of the website
  • Add more details
  • Improve Cards that show details
  • Better Color Combination for Website
  • Dark and Light Mode


GitHub Repo:

GitHub logo surajondev / get-weather

Get weather website run using react framework. OpenWeather API is used to fetch information.

Contributors Forks Stargazers Issues MIT License LinkedIn


Get Weather

Access weather of different cities and other weather realated data
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgements

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


  • The web app is deployed on GitHub Pages.

Getting Started

To get a local copy up and running follow these simple steps.


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
    Enter fullscreen mode Exit fullscreen mode


  1. Clone the repo
    git clone
    Enter fullscreen mode Exit fullscreen mode
  2. Install NPM packages
    npm install
    Enter fullscreen mode Exit fullscreen mode


You can easily enter the name of city and then it will fetch…


A Webapp that takes the text and converts into speech. It has support for more than 30 Major languages. It is hosted on netlify.


  • Improve the Layout of the website
  • Add more details
  • Improve Cards that show details
  • Better Color Combination for Website
  • Dark and Light Mode


GitHub Repo:

GitHub logo 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

  • CSS3 CSS
  • JavaScript JavaScript


  • Fork the repo
  • Clone this repo using git clone
  • Change Directory to using cd text-to-speech


We would appreciate if you decide to improve the repository. If so, Thank You in advance.

Read CONTRIBUTION for more details.


This is distributed under MIT Licence. For more details read LICENCE hello this is text to speech file


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.


  • Add your animation


GitHub Repo:

GitHub logo zero-to-mastery / Animation-Nation

A ZTM Challenge for Hacktoberfest

✨ Animation Nation ✨

header-picture 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 :)


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

Adding your contribution


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 (2)

surajondev profile image
Suraj Vishwakarma

It's going on. Through out this October. You can register on Hactoberfest.