0 to 5000+ Users ๐ at LeetCodeWrapped โ within 2 Months
๐๐ถ ๐๐ผ๐ฑ๐ฒ๐ฟ๐ ๐งโ๐ป !!
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
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).
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.
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 ๐ฅฒ๐
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 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.
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)
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