Leetcode-Profile

Inspiration

Leetcode is a website that is known to everyone. I have wanted to create a Chrome extension for a long time and chose Leetcode.

What it does

Once Leetcode id is entered, it shows basic details of the user like

• Profile pic
• Profile view count
• Rank
• Problems solved by category including total problems solved

How we built it

• Backend was built using Python-Django rest framework and hosted on Heroku.
• Frontend was built using HTML, Javascript, and CSS.

Challenges we ran into

• Didn't know how to create a Chrome extension. So, I followed a starter guide to do that
• Had to figure out how Leetcode data can be retrieved. Figured it out using Chrome Network tab
• Got many issues while hosting the API on Heroku like module not found issues, dependency

Accomplishments that we're proud of

• Able to understand how Leetcode fetches the data
• Able to successfully deploy on Heroku

What we learned

• Learned how to deploy Django app on Heroku
• Used Python as a backend

What's next for Leetcode-Profile

• Lot of extra features like reminders for daily challenges, badges, last questions list
• Working on UI/UX

Built With

• css
• django
• heroku
• html
• javascript
• python