Awesome

<h1 align="center"> <a href="https://standardjs.com"><img src="assets/octocode.png" alt="LeetHub - Automatically sync your code to GitHub." width="400"></a> <br> <a href="https://chrome.google.com/webstore/detail/leethub/aciombdipochlnkbpcbgdpjffcfdbggi">LeetHub</a> - Automatically sync your code to GitHub. <br> <br> </h1> <p align="center"> <a href="https://github.com/QasimWani/LeetHub/blob/main/LICENSE"> <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="license"/> </a> <a href="https://discord.gg/anXT9vErxu"> <img src="https://img.shields.io/discord/781373810251137074" alt="discord"> </a> <a href="https://chrome.google.com/webstore/detail/leethub/aciombdipochlnkbpcbgdpjffcfdbggi"> <img src="https://img.shields.io/chrome-web-store/v/aciombdipochlnkbpcbgdpjffcfdbggi.svg" alt="chrome-webstore"/> </a> <a href="https://chrome.google.com/webstore/detail/leethub/aciombdipochlnkbpcbgdpjffcfdbggi"> <img src="https://img.shields.io/chrome-web-store/d/aciombdipochlnkbpcbgdpjffcfdbggi.svg" alt="users"> </a> <a href="https://github.com/QasimWani/LeetHub/graphs/contributors" alt="Contributors"> <img src="https://img.shields.io/github/contributors/QasimWani/LeetHub" /> </a> <a href="https://twitter.com/intent/tweet?text=LeetHub%20-%20Automatically%20sync%20your%20code%20to%20GitHub%20after%20solving%20any%20leetcode%20problems!&url=https://github.com/QasimWani/LeetHub&hashtags=javascript,github,leetcode,coding,interview,chrome"> <img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"> </a> </p> <div align="center"> <a href="https://www.producthunt.com/posts/leethub?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-leethub" target="_blank"> <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=275757&theme=light" alt="LeetHub - Automatically sync your code b/w Leetcode & GitHub. | Product Hunt" /> </a>

</div>

Top 5 Trending JavaScript Repositories

LeetHub progress and numbers (YouTube Video):

What is LeetHub?

<p>A chrome extension that automatically pushes your code to GitHub when you pass all tests on a <a href="http://leetcode.com/">Leetcode</a> problem. </p>

How fast is it really?

THIS FAST (~400ms, 530x speed improvement)!

Why LeetHub?

<p> <strong>1.</strong> Recruiters <em>want</em> to see your contributions to the Open Source community, be it through side projects, solving algorithms/data-structures, or contributing to existing OS projects.<br> As of now, GitHub is developers' #1 portfolio. LeetHub just makes it much easier (autonomous) to keep track of progress and contributions on the largest network of engineering community, GitHub.</p> <p> <strong>2.</strong> There's no easy way of accessing your leetcode problems in one place! <br> Moreover, pushing code manually to GitHub from Leetcode is very time consuming. So, why not just automate it entirely without spending a SINGLE additional second on it? </p>

How does LeetHub work?

<h4> Your LeetHub portfolio could look like <a href="https://github.com/tanyarajhans/LeetCode"> this</a>! </h4> <p>It's as simple as:</p> <ol> <li>After installation, launch LeetHub.</li> <li>Click on "authorize with GitHub" button to automatically set up your account with LeetHub.</li> <li>Setup an existing/new repository with LeetHub (private by default) by clicking "Get Started" button.</li> <li>Begin Leetcoding! To view your progress, simply click on the extension!</li> </ol>

BONUS: Star this repository for further development of features. If you want a particular feature, simply request for it!

Why did I build LeetHub?

<p> The coding interview is arguably the most important part of your interview process, given you get the interview first. As someone who's received multiple internship offers from Fortune 100 companies, getting the interview in the first place is not easy!<br> And that's what LeetHub is supposed to do: indirectly improving your coding skills while improving your portfolio to ACE that interview at <em>insert_name_here</em>! </p>

Let's see you ACE that coding interview!

leetcode view

How to set up LeetHub for local development?

<ol> <li>Fork this repo and clone to your local machine</li> <li>Go to <a href="chrome://extensions">chrome://extensions</a> </li> <li>Enable <a href="https://www.mstoic.com/enable-developer-mode-in-chrome/">Developer mode</a> by toggling the switch on top right corner</li> <li>Click 'Load unpacked'</li> <li>Select the entire LeetHub folder</li> <li>Run "npm run setup" to install the developer dependencies</li> </ol>

Other npm commands available:

npm run               Show list of commands available
npm run format        Auto-format JavaScript, HTML/CSS
npm run format-test   Test all code is formatted properly
npm run lint          Lint JavaScript
npm run lint-test     Test all code is linted properly