DEV Community

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

Posted 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

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

  • HTML5 HTML
  • CSS3 CSS




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

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

  • HTML5 HTML
  • CSS3 CSS
  • JavaScript JavaScript




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

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

Contributing

Contributions are…


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





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

Last Note

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

Happy Coding!

Discussion (2)

Collapse
samtalreja9 profile image
Sam

Sure, just lemme know when it is?. The fest.
I'll try to contribute to your repo :)

Collapse
surajondev profile image
Suraj Vishwakarma Author

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