0 to 5000+ Users ๐Ÿš€ at LeetCodeWrapped โ€” within 2 Months

Amit Maity
5 min readJan 28, 2024

--

๐—›๐—ถ ๐—–๐—ผ๐—ฑ๐—ฒ๐—ฟ๐˜€ ๐Ÿง‘โ€๐Ÿ’ป !!

Introduce ๐—Ÿ๐—ฒ๐—ฒ๐˜๐—–๐—ผ๐—ฑ๐—ฒ๐—ช๐—ฟ๐—ฎ๐—ฝ๐—ฝ๐—ฒ๐—ฑ (leetcodewrapped.info) โ€” Get your LeetCode Statsโ€ฆ ๐Ÿš€ this article contains โ€”

  • About LeetCode Wrapped
  • How we got this idea and started working
  • The tech behind LeetCode wrapped
  • Some amazing stats we achieved
  • Modifications we did later
leetcodewrapped

In this article will discuss the journey behind the LeetCode Wrapped and the tech stack used and a few amazing stats we achieved. ๐Ÿคฉ

We recently crossed 5200+ users at (leetcodewrapped.info).

2 months' user's stat

Before going to the deep dive, letโ€™s introduce what it is !

๐Ÿค”1. ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐—Ÿ๐—ฒ๐—ฒ๐˜๐—–๐—ผ๐—ฑ๐—ฒ๐—ช๐—ฟ๐—ฎ๐—ฝ๐—ฝ๐—ฒ๐—ฑ:
LeetCodeWrapped is your go-to platform for a quick and comprehensive overview of your LeetCode journey over all the years you are active. Simply enter your username, and get instant access to all your profile stats presented on a single screen. Our user-friendly interface makes it easy to visualize your performance.
Whatโ€™s more, you can download your stats for offline use and share your achievements on social media directly from the platform. Experience the convenience of tracking and showcasing your coding accomplishments with LeetCodeWrapped โ€” simplifying your LeetCode coding journey.

๐Ÿ“Š ๐—ช๐—ต๐—ฎ๐˜ ๐—ฆ๐˜๐—ฎ๐˜๐˜€ ๐—ฌ๐—ผ๐˜‚ ๐˜„๐—ถ๐—น๐—น ๐—ด๐—ฒ๐˜?
๐—–๐—ฎ๐—ฟ๐—ฑ ๐Ÿฌ:
Total No of Submissions, Active Days, Maximum Streak, Most Active Month, Most Active Day.

๐—–๐—ฎ๐—ฟ๐—ฑ ๐Ÿญ:
Live Contest attended, Average Qns Solved in Contest, Maximum Rating, Highest Rank, Lowest Rank, Most Active Month.

And you can switch any year in O(1) time.

leetcodewrapped result page

Now Letโ€™s discuss some unscripted storiesโ€ฆ

2. How we got this Idea:

When Spotify wrapped was trending in November end at the very end of this month, suddenly that day, I thought why not for LeetCode! to show the user's summary of 2023? In terms of Problems solved summary, active day, Live Contest attempt summary, highest rank, lowest rank, etc whatever we can fetch. ๐Ÿ™‚

At first, I thought about building one Android Application to do that, and for data scrapping, I already knew about the GraphQL Schema to retrieve all the info we needed. One example below โ€ฆ

// EndPoint: "https://leetcode.com/graphql"
query userProfileCalendar {
matchedUser(username: "userName") {
userCalendar (year: 20xx){
activeYears
streak
totalActiveDays
dccBadges {
timestamp
badge {
name
icon
}
}
submissionCalendar
}
}
}

But then I thought, if I build an Android Application, it will take approx 2/3 days to build and 6/7 days for publishing but I need this immediately, and thought why do people download the Android Application from the Play Store to view these stats only !! ๐Ÿฅฒ

I thought about other users' perspectives, so there was an option to build a website. But I have a very basic knowledge of web frontend, so at first I avoid that. I know that I can easily manage to build the Backend as well as RestAPI endpoints. But for the front end, I need someone to build that.๐Ÿค”

As I have very very less friends in my contact (apparently have 16k+ followers on LinkedIn ๐Ÿ˜‚) and specifically need a frontend peep. ya got one friend who can easily do this and we can make it possible to live immediately within 1/2 days as she has prior knowledge about webdev.

watch some beginning stories, how it actually started ๐Ÿฅฒ๐Ÿ™‚

without a single thought, we started working on that (30/11/2023)

I told everything that we wanna build and what type of frontend UI we required. Then, both of us started working, I was in the backend to build the APIs endpoint and she started building the front end. ๐Ÿš€.

The deadline was: 24 hours ๐Ÿ™‚, ya set our deadline within 24 hours to submit our work in front of each other.

and we finished, then after slight modifications, we launched ๐Ÿฅ‚.

Like, we talked Thursday night and launched on Sunday ๐Ÿ˜.

and ya at 6.30 am final website was live and the next day for attendance need to go to the college (few wow-wow moments)

And, ya final website was launched at 6:30 AM and we started sharing the same at the End of the day.

Hehe, how the story started and now reached at 5,300+ users ๐Ÿ˜.

3. The tech behind LeetCode wrapped:

We used normal HTML, and CSS to develop the Website and to build the Backend means API endpoint, we used Python Flask and hosted at Cyclic.

And in the website, we used JavaScript to implement the functionality.

That time (because right now we majorly modified LeetCode Wrapped) our API gives these responses by entering the userName.

{
"average_problems_solved_contest": 2.68,
"contest_attended": 53,
"highest_rank": 384,
"lowest_rank": 7982,
"max_rating": 2054.983,
"max_streak": 260,
"most_active_day": "13,Apr",
"most_active_month": "May",
"most_active_month_contest": "Apr",
"total_active_days": 336,
"total_questions_solved": 2822
}

Right now, the code behind this is not public. We will soon change the private repo to a public one.

4. Some amazing stats we achieved:

  • 5200+ users crossed ๐Ÿ’š
  • Active users from 15+ countries, including the USA, Canada, Bangladesh, Russia, Kyrgyzstan, etc.
  • within 30 minutes of launching, we achieved 150+ users.
Past 60 days, countries' stats

5. Modifications we did later:

N๐—ผ๐˜„ ๐—จ๐˜€๐—ฒ๐—ฟ๐˜€ ๐—ฐ๐—ฎ๐—ป ๐—ฆ๐—ฒ๐—น๐—ฒ๐—ฐ๐˜ ๐—ฎ๐—ป๐˜† ๐—ฌ๐—ฒ๐—ฎ๐—ฟ, ๐—ฎ๐˜€ ๐˜๐—ต๐—ฒ๐˜† ๐˜„๐—ฎ๐—ป๐˜ โ€” ๐—ถ๐—ป๐—ฐ๐—น๐˜‚๐—ฑ๐—ถ๐—ป๐—ด ๐—ข๐˜ƒ๐—ฒ๐—ฟ๐—ฎ๐—น๐—น ๐—ฆ๐˜๐—ฎ๐˜๐˜€ ๐Ÿš€

Yes, Now the ๐—Ÿ๐—ฒ๐—ฒ๐˜๐—–๐—ผ๐—ฑ๐—ฒ๐—ช๐—ฟ๐—ฎ๐—ฝ๐—ฝ๐—ฒ๐—ฑ is not bounded to only 2023 Summary stats of Your LeetCode Journeyโ€ฆ ๐Ÿ˜ฒ

โš™๏ธ ๐—™๐—ฒ๐˜„ ๐— ๐—ผ๐—ฑ๐—ถ๐—ณ๐—ถ๐—ฐ๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐˜€:
- On the stats page now there will be the years, in which you active on LeetCode
- also byDefault the โ€œOverallโ€ option will open, then you can switch to any Year you want
- At the time of switching to years, it will not take any time or loading to show the data, seamlessly you can switch
(as we received lots of requests regarding this, so finally Itโ€™s live)

New updated UI and functions

Now, our API endPoints returns:

{
"2021": {
"contest_attended": 0,
"highest_rank": 0,
"lowest_rank": 0,
"max_rating": 0,
"max_streak": 1,
"most_active_day": "28,Sep",
"most_active_day_qns": 1,
"most_active_month": "Sep",
"most_active_month_contest": 0,
"most_active_month_contest_number": 0,
"most_active_month_qns": 1,
"problems_solved_contest": 0,
"total_active_days": 1,
"total_questions_solved": 1
},
...
...
...
...
"years": [
2021,
2022,
2023,
2024
]
}

Hope every point crystal clear. So, why are you guys waiting, letโ€™s check out the website and feel free to share your views. We are expecting your feedback. Whatever you feel, just share it with us so that we can improveโ€ฆ ๐Ÿ’ฌ

๐ŸŒ Website: leetcodewrapped.info

๐Ÿง‘โ€๐Ÿ’ป ๐—•๐—ฒ๐—ต๐—ถ๐—ป๐—ฑ ๐˜๐—ต๐—ฒ ๐—Ÿ๐—ฒ๐—ฒ๐˜๐—–๐—ผ๐—ฑ๐—ฒ๐—ช๐—ฟ๐—ฎ๐—ฝ๐—ฝ๐—ฒ๐—ฑ:
- Amit Maity
- Shubhi Singh

Thanks ^^

--

--

Amit Maity

CSE Undergrad | ICPC Regionalist '24 | Android Dev | Problem Solver | Ex. TA @Coding Ninjas | Open Source Contributor | CP | DSA