Github

How to use Codechef-API

Show your daily submissions (heatmap) and contest progress in your portfolio easily.

Codechef-api is an open-source free to use api to scrape the data from codechef.

You can use directly our components and add them to your portfolio or use JSON data and design according to you.


API:

https://codechef-api.vercel.app/handle/{handle}


Components:

Heatmap

Heatmap is show your daily submission counts but the data only shows last 6 month (as codechef provide data on only last 6 months)

Light Theme
Dark Theme

How to Use:

You can use directly by adding this iframe tag in your code

                           
                         
                            
                        

You can change the theme by setting theme=night or theme=day. The default theme is day.

Background of heatmap is transparent you can control it according to you :)

                              
                            
                            
                        

Or you can customize according to you using json data of your profile

Here is api:

                              
                            
                            
                        




Rating Graph

Rating graph shows your progress in contest and also shows contest details


How to Use:

You can use directly by adding this iframe tag in your code

                           
                         
                            
                        

Or you can customize according to you using json data of your profile

Here is api:

                              
                            
                            
                        


If you like it,give it a 🌟:)