Git Set Go Application

We were inspired to create it when we saw that not many tools are available open-source or on the Internet which do the job we intend to do. So we decided to create it as a side-project based purely to learn and have some fun juggling with Github APIs'.
Getting your Github profile under a single page in a resume type-of format so that you can simply put your Github resume when applying to internships or job profiles.

🔆 Tech Stack

The project is created using create-react-app and based on React.js framework.

• JavaScript: 84.5%
• HTML: 10.3%
• CSS: 5.2%

👬 Design and Roadmap

The Roadmap we intended to follow is present here. Feel free to suggest ideas and opinions.

How to run?

Clone the repository
git clone https://github.com/garimasingh128/gitsetgo

Change to the project directory
cd gitsetgo
In the project directory, you can run:

Run npm install to install node_modules. You may receive an error telling you node_modules missing otherwise.

npm start

Runs the app in the development mode.

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

npm run-script build

Builds the app for production to the build directory.

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed!

✨ Future Plans

• Github Timeline
• Github competition between two users
• Personalised template for resume
• Enhancing the existing resume template
• Showing Github feed of others

Feel free to create issues to suggest and add functionalities and features.

💻 System Requirements

• Google Chrome
• Git
• Code Editor (Visual Studio Code, Sublime Text)

Resources

Read these articles to get a quick grab on handling Github API's and other technologies used in the project:

Resources for learning React.js:

• https://reactresources.com
• https://reactjs.org/community/external-resources.html
• https://reactjs.org/docs/getting-started.html
• https://github.com/enaqx/awesome-react

Migrating from Rest API to GraphQL API:

• https://developer.github.com/v4/guides/migrating-from-rest/
• https://docs.github.com/en/graphql

Resources for Github APIs':

• https://developer.github.com/v3/
• https://developer.github.com/v4/
• https://github.com/octokit/rest.js/
• https://github.com/octokit/graphql.js

Resources for node.js:

• https://nodejs.org/en/about/resources/
• https://github.com/sindresorhus/awesome-nodejs
• https://www.tutorialsteacher.com/nodejs/nodejs-resources

Resources for Prettier.io used in the project

• Prettier.io used in the project

Resources to learn Git and Github:

• https://try.github.io/
• https://docs.github.com/en/github/getting-started-with-github/git-and-github-learning-resources
• https://guides.github.com/activities/hello-world/

A few guidelines for someone looking to contribute here:

If you're a beginner

• Fork this repository.
• Clone your fork on local machine.
• Make a new branch (say dev).
• Checkout to the new branch with git checkout <new_branch_name>
• Do the desired changes and commit them with git commit -m '<a nice commit message here>'.
• push the change to your fork on GitHub with git push origin <your_branch_name>
• Make a Pull Request to the original repository, i.e. this one.

Note: If you're looking to work on an issue, just make sure that no one else has taken it already. In which case, you can look up other issues or create a new one if you find something missing! ;){" "}

Some guidelines related to the code:

• Try to stick to the syntax style followed in the code. This will help everyone to understand your code.
• Make sure you put comments wherever necessary.
• Include a visual preview (a screenshot or a GIF?) for any visual design changes if possible.

If you want to add a new feature, feel free to do so! 😄

Happy Contributing! ✌️