NEAR Profile Builder

Landing Page

Inspiration

The primary inspiration behind the NEAR Profile Builder was the need to make decentralized profiles more accessible and user-friendly for developers. With so much of developers' work showcased on GitHub, we envisioned a tool that could bring that data to a decentralized profile on NEAR, bridging their professional work and the decentralized identity space.

What it does

The NEAR Profile Builder follows a straightforward workflow:

Prompts users to enter their GitHub username.
Fetches relevant profile information from GitHub, including contributions, and repositories, commits data and exports it as an image.
Allows users to enter additional personal information for Near Social Profile such as name, a background image, an "About Me" section (AI Integrated for ease), and various social links (Telegram, LinkedIn, personal website).
Provides customization options for the visual theme of GitHub stats images displayed on their profile.
Allows users to select their skills set tags (All tags to be displayed on Near Social Profile)
Previews the profile content and offers the option to “Save to NEAR Profile,” creating a new profile on NEAR Social.

How we built it

The NEAR Profile Builder utilizes:

NEAR Protocol: NEAR Wallet Selector and NEAR Social Smart Contract.
GitHub API: For fetching profile data.
React and Next.js: For building the frontend.
Tailwind CSS: For efficient styling and design.
OpenAI API: To generate content for the "About Me" section.

Challenges we ran into

One of the major challenges was integrating the NEAR Social Smart Contract with GitHub’s API while maintaining a smooth and secure user experience. Additionally, ensuring that users without a NEAR Wallet could easily create one without disrupting the workflow required extra UX attention. Handling data fetching and API integration was crucial, as was managing asynchronous steps to provide a smooth user experience.

Accomplishments that we're proud of

Successfully bridging GitHub and NEAR, enabling an effortless way for developers to create a decentralized profile.
Integrating the OpenAI API to create an engaging and personalized "About Me" section for users.
Implementing a seamless multi-step process that is both user-friendly and efficient.

What we learned

Through this project, we gained deeper insights into managing multiple API integrations within a single platform and working with NEAR Smart Contracts. Understanding user flow and maintaining ease of access were valuable lessons.

What's next for NEAR Profile Builder

We plan to introduce additional customization options, such as analytics for GitHub contributions, and expand profile details to include more developer-centric information. Future updates may include support for other version control platforms to expand our reach beyond GitHub.