Giter Site home page Giter Site logo

in-jun / github-profile-comments Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 109 KB

Github profile Comment service

Home Page: https://comment.injunweb.com/in-jun

License: MIT License

HTML 38.54% Go 61.20% Dockerfile 0.27%
comments comments-system git github githubprofile githubprojects githubreadme markdown markdown-language profile-readme

github-profile-comments's Introduction

github-profile-comments

목표:

GitHub 프로필에 댓글 기능을 추가하여 사용자들이 프로필에 댓글을 남길 수 있도록 합니다.

사용법:

  1. 여기로 이동하여 회원가입을 진행합니다.

    • {"github_id":123456789,"message":"Logged in successfully"} 이러한 응답이 나오면 성공적으로 로그인이 된 것입니다.
    • 성공적으로 로그인 된 경우 창을 닫고 다음 단계로 넘어갑니다.
  2. 프로필 README에 다음 코드를 추가합니다:

    [![Comments](https://comment.injunweb.com/api/user/{깃허브아이디}/svg?theme={테마})](https://comment.injunweb.com/{깃허브아이디})

    여기서 {깃허브아이디}는 본인의 깃허브 아이디로 대체해야 하며, {테마}는 사용하고자 하는 테마 이름으로 대체되어야 합니다. 가능한 테마 값은 "black", "white", "transparent"입니다.

    예를 들어, 다음과 같이 사용할 수 있습니다:

    [![Comments](https://comment.injunweb.com/api/user/in-jun/svg?theme=black)](https://comment.injunweb.com/in-jun)

    테마 파라미터를 작성하지 않는 경우, 디폴트 테마 값은 white입니다.

결과:

  • black 테마:

    Comments

  • white 테마:

    Comments

  • transparent 테마:

    Comments

기술 스택:

Category Technologies
Frontend HTML, CSS, JavaScript
Backend Go, Gin, GORM, MySQL
Deployment Cloudflare Argo Tunnel, Docker, Docker Compose, GitHub Actions self-hosted runner
Other GitHub OAuth, GitHub API, SVG

ER 다이어그램:

erDiagram
    GITHUBUSER {
        uint ID PK
        float64 GitHubID "GitHub OAuth에서 받아온 깃허브ID"
        string GitHubLogin "GitHub 사용자 로그인 아이디"
    }

    COMMENT {
        uint ID PK
        uint ReceiverID FK "이 댓글을 받는 사용자의 ID입니다."
        uint AuthorID FK "이 댓글을 쓴 사용자의 ID입니다."
        string Content
        bool IsOwnerLiked "이 댓글을 받는 사용자가 이 댓글을 좋아하는지 여부"
    }

    LIKED {
        uint ID PK
        uint CommentID FK
        uint UserID FK
    }

    DISLIKED {
        uint ID PK
        uint CommentID FK
        uint UserID FK
    }

    GITHUBUSER ||--o{ COMMENT : "writes"
    GITHUBUSER ||--o{ COMMENT : "receives"
    GITHUBUSER ||--o{ LIKED : "likes"
    GITHUBUSER ||--o{ DISLIKED : "dislikes"
    COMMENT ||--o{ LIKED : "has"
    COMMENT ||--o{ DISLIKED : "has"
Loading

github-profile-comments's People

Contributors

in-jun avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.