https://github.com/fareedkhan-dev/stackoverflow-profile-embed

This project will help you integrate stackoverflow profile on your portfolio website
https://github.com/fareedkhan-dev/stackoverflow-profile-embed

api frontend javascript stackoverflow stackoverflow-api

Last synced: 4 months ago
JSON representation

This project will help you integrate stackoverflow profile on your portfolio website

• Host: GitHub
• URL: https://github.com/fareedkhan-dev/stackoverflow-profile-embed
• Owner: FareedKhan-dev
• License: mit
• Created: 2020-09-22T14:38:52.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-23T04:46:19.000Z (over 5 years ago)
• Last Synced: 2025-09-12T03:12:48.888Z (5 months ago)
• Topics: api, frontend, javascript, stackoverflow, stackoverflow-api
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Stackoverflow Profile embedding


If you want to change the code based on your need then you can download the repo which include the js file and html with it.



Step 1

Get your Profile ID and remember your's as we are going to use it in the last step.

for example: My user profile ID is 13202252





Step 2

Import this Css file in your head tag for styling the profile div


```css

```

This css file is taken from another repository which is used to embed github contribution graph on your website. Here is

  the link to that repository:

  [Github Calender Embed](https://github.com/Bloggify/github-calendar)





Step 3

Copy this html code and paste it in your html page where you want to show your profile.


```html



  
Stack overflow Profile

  


    


      Reputation

      

    

    


    

  



```




Step 4

Add these script tags at the bottom of your page and replace the value of the variable user_id  with your profile ID.


```html

  user_id = "13202252";

```



This project is created with the help of free stackoverflow user-profile api. So you can call limited number of times through this API per day.


So it will be really great if you can integrate it in final stage but not in development stage of your project.