haxzie-xx / gitme

A fun workshop exercise for taking first steps on submiting a Pull Request on GitHub

Hello Developers 👋

Let's help you submit your first pull request

follow the instructions here to get started.

Setting up the project for development

Make sure you have latest version of Node and NPM installed.

• Install GatsbyCLI globally. Refer the Gatsby Docs for information regarding the framework.

  npm install --global gatsby-cli

• Fork and Clone the repository

  git clone https://github.com/YOUR_USERNAME/GitMe

• Install all the node dependencies

  cd GitMe
  npm install

• Run the app in development mode

  gatsby develop
  

• for Build

  gatsby build
  

Deploy

gitme's Issues

Fix Typo

It must be /src/profiles/
https://github.com/haxzie/GitMe/blob/38ae8b44447c7b11224ab82726c36b6f5a230e9a/src/pages/index.js#L38

Create new tab for Git CheatSheet

Create a new tab "Cheat Sheet" under which it will contain basic git commands, most used and most useful commands with explanation.

Add recorded video of the instructions.

Create a screen recording of the process of completing the instructions.
The video should be short and appreciated if its split into each step provided as in the website.

Update the Git CheatSheet with more details/explaination and fix duplicates.

Hello there 👋
This is a beginner first issue, so if you are a beginner to contributing to open source this will be a good shot for you.

Details

This is the repo for the website GitMe, it was created as a fun workshop exercise for Git and GitHub workshop for beginners. This will help a lot of new open source contributors to learn to create their first Pull Request. 🌟

The Cheat Sheet Tab on the website has some duplicates or are missing some commands. have a close look at it and add appropriate explanation for each command (make it dead simple to understand, because most of the users will not have any idea what git or those commands are 👶 ).

If you feel there are some commands missing or worth adding that might help the users, feel free to add them under specific sections with a really good explanation 😄

If you'd like to start working on this issue, feel free to drop down a comment on what you are willing to work on, so that no others would be working on the same. 👍

A little bit about the framework used to build the website.
We're using Gatsby, a React static site generator. If you wish to learn, this will be a great opportunity to explore the library. Anyway, anyone with sound knowledge on HTML, CSS and JS will be able to complete the issue 💯

Leave a star if you liked the project 🌟 and Happy Hacking 🎉

Fix Overflow of Navigation tabs in mobile devices

Currently the navigation tabs break down into multiple lines on smaller screens, fix the styles to make it scroll-able through X direction. It's a beginner friendly issue. Do drop a comment if you'd love to work on the issue.

Convert the cards into simple lists

Currently the submission page is displayed as cards, change it to a beautiful list. You can refer this website for an example.