DEV Community

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

Posted on • Updated on • Originally published at surajondev.com

5 Repository for beginners in Hacktoberfest

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:

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 CONTRIBUTION.md for guidelines for contribution.

🌐 Visit the site UI/UX Design

🛠️ Technologies Used

  • HTML5 HTML
  • CSS3 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:

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

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


Logo

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

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

Installation

  1. Clone the repo
    git clone https://github.com/surajondev/get-weather.git
    Enter fullscreen mode Exit fullscreen mode
  2. Install NPM packages
    npm install
    Enter fullscreen mode Exit fullscreen mode

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:

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

  • HTML5 HTML
  • CSS3 CSS
  • JavaScript 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:

GitHub logo zero-to-mastery / Animation-Nation

A ZTM Challenge for Hacktoberfest

✨ Animation Nation ✨


Welcome to Animation Nation, a fun and creative project by the ZTM Community as part of Hacktoberfest! 🎉

This repository is a space where developers of all levels, especially beginners, can contribute, showcase their creativity, and participate in Hacktoberfest 2024. Whether you're a seasoned developer or writing your first line of code, we'd love to see your animated artwork using only HTML and CSS—no JavaScript or images allowed!

🚀 Quick Start

  1. Fork the repo to your GitHub account.
  2. Clone your fork to your local machine.
  3. Create a branch, you should not be working in the main/master branch
  4. Create a new directory in the Art directory. Naming it <your_github_username>-<your_arts_name>
  5. Create your animated HTML and CSS artwork.
  6. Pull down recent changes
  7. Submit a pull request (PR) with your animated artwork
  8. OPTIONAL Tweet about making your first Hacktoberfest pull request, and you're…

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)

Collapse
 
surajondev profile image
Suraj Vishwakarma

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