Git Product home page Git Product logo

tasnimzotder / hacktoberfest-2021-little-steps Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 4.0 3.29 MB

A helping repository for learning git/GitHub and to participate in Hacktoberfest with a Climate-Change & World Hunger theme.

Home Page: https://hacktoberfest-2021-little-steps-six.vercel.app/

License: MIT License

JavaScript 6.97% TypeScript 89.26% SCSS 3.77%
hacktoberfest nextjs climate-change hacktoberfest2021 world-hunger

hacktoberfest-2021-little-steps's Introduction

Hactoberfest '21 - Little Steps

GitHub Hacktoberfest combined status GitHub contributors

HF Banner

Theme: Climate Change & World Hunger

The purpose of this repository is to help the users (developers) with Git, GitHub and Open-Source. Besides, this repository is designed around Climate-Change. Each post contains some messages on climate-change and some steps towards a better tomorrow.

2021 is going to a bad year for world hunger. According to UN World Food Programme, nearly 957 million people across 93 countries don't have enough to eat.

> Join Discord Server ๐Ÿ‘‰ Discord

Learn more ๐Ÿ‘‰ Hacktoberfest

Register here ๐Ÿ‘‰ Hacktoberfest Registration

Table of Contents ๐Ÿ“‘

====================

About Hacktoberfest '21

Hosted by DigitalOcean for the 8th year in a row, Hacktoberfest encourages participation in giving back to the open-source community by completing PR, participating in events, and donating to open-source projects.

Hackbar ๐Ÿซ

The posts in this repository is referred as Hackbars. This word came from two words - Hacktoberfest and Chocolate Bar.

How to create a Hackbar (Beginners)

written with markdown

Steps

  1. Go to the directory /md-posts/
  2. Create a file <YOUR_USERNAME>.md
  3. Edit the file as the following template
---
username: <YOUR_USERNAME>
title: <TITLE>
date: <MONTH DATE, YEAR>
cover_img: '<YOUR_IMAGE_URL>'
excerpt: <EXCERPT>
---

# <TITLE>

<CONTENT>
  • for local images, in case of <YOUR_IMAGE_URL> you can use /assets/md-images/<YOUR_IMAGE> in <YOUR_USERNAME>.md file.

  • the local images should be in public/assets/md-images/ directory.

How to create a Hackbar (Intermediates) ๐Ÿ—๏ธ

Written with TypeScript

๐Ÿšง UNDER CONSTRUCTION ๐Ÿšง

How to create a Pull Request - using web editor

To know about the process of PR creating check the post ๐Ÿ‘‰ Git & GitHub โ€” Open a Pull Request [As fast as possible]

1. Fork the repository

From the top-right corner of this repository, click on Fork to fork this repository to your account.

2. Go to the forked repository in your account

3. Open in the web editor

Focusing on your browser tab, click . (dot) from your keyboard. This will open your repository in a web editor.

4. Edit the repository

Now, edit the repository or add contents according to the guideline. Make sure that the contents are authentic.

5. Add and commit the changes

In the web editor type ctrl + shift + G; this will open the Source Control. There, type your commit message on MESSAGE section and commit by clicking the โœ”๏ธ symbol above.

6. Create a pull request

From the Control Panel, click on the menu (...) and select Pull Request > Create Pull Request

How to create a Pull Request - Using local machine ๐Ÿ’ป

1. Fork the repository

From the top-right corner of this repository, click on Fork to fork this repository to your account.

2. Copy the repository URL

https://github.com/<YOUR_USERNAME>/hacktoberfest-2021-little-steps.git

3. Paste the following code in the terminal - (change <YOUR_USERNAME> with your username)

git bash https://github.com/<YOUR_USERNAME>/hacktoberfest-2021-little-steps.git

4. Go to the project directory & open it in VS Code

cd hacktoberfest-2021-little-steps
code .

this will open the repository in a VS Code window.

5. Create a new branch

git checkout -b2 <BRANCH_NAME>

6. Edit the repository

Now, edit the repository or add contents according to the guideline. Make sure that the contents are authentic.

7. Add and commit the changes

git add .
git commit -m "<COMMIT_MESSAGE>"

8. Push the commit(s)

git push origin -u <BRANCH_NAME>

9. Open a pull request

Go to your repository on the web and go to your branch. Click on the Contribute from the top-right, and then click Open pull request to open a pull request.

Project Structure (Important Ones)

  • assets (assets for the repository)
  • pages
    • jx-posts (posts written in .jsx/.tsx)
  • md-posts (posts written in .md)
  • lib
  • public (public directory)
    • assets
      • md-images (images for posts in .md)
      • jx-images (images for posts in .jsx/.tsx)
      • other
  • styles
    • jx-styles (style sheets for posts in jsx/tsx)

Tech Stacks

Frontend

  • Next.js
  • TailwindCSS
  • TypeScript
  • Sass

Publishing

  • GitHub Pages
  • Vercel

Hacktoberfest '21 Guideline

Rules

  • โœ… PR can be submitted to any opted-in repository on GitHub or GitLab.
  • โœ… The PR must contain commit you made yourself.
  • โŽ If a maintainer reports your PR as spam, it will not be counted towards your participation in Hacktoberfest.
  • โŽ If a maintainer reports behavior that's not in line with the project's code of conduct, you will be ineligible to participate.
  • โœ… To get a shirt, you must make four approved PR(s) on opted-in projects between October 1-31 in any time zone.

Maintainers

Tasnim Zotder Rokibul Islam
img img
tasnimzotder rokibulislaam
tasnimzotder.com

License

This project is licensed under the MIT License.

hacktoberfest-2021-little-steps's People

Contributors

calag4n avatar imgbotapp avatar tasnimzotder avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

hacktoberfest-2021-little-steps's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.