More Premium Hugo Themes Premium React Themes

Octoprofile

A nicer look at GitHub profiles built with Next.js and the GitHub API

Octoprofile

A nicer look at GitHub profiles built with Next.js and the GitHub API

Author Avatar Theme by bchiang7
Github Stars Github Stars: 498
Last Commit Last Commit: Feb 1, 2022 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

OctoProfile is a tool that enhances the visual appearance of a user’s GitHub profile by adding charts. It is built using Next.js, GitHub Polyglot, Chart.js, React Flip Move, and Styled Components. This tool provides a more visually appealing way to showcase a user’s GitHub activity and skills.

Features:

  • Enhanced GitHub Profile: Adds charts to visualize GitHub activity.
  • Built with Next.js: Utilizes Next.js for a fast and efficient web development experience.
  • GitHub Polyglot Integration: Integrates GitHub Polyglot for enhanced GitHub data visualization.
  • Chart.js Implementation: Utilizes Chart.js to create interactive and dynamic charts.
  • React Flip Move: Incorporates React Flip Move for smooth animations.
  • Styled Components: Uses Styled Components for styling the components in a modular and maintainable way.

Installation:

  1. Install dependencies:
npm install
  1. Fire up the server and watch files:
npm run dev
  1. Deployment:
  • Install the Now CLI:
npm install -g now
  • Deploy:
now

Summary:

OctoProfile is a tool that adds visual enhancements to a user’s GitHub profile by incorporating charts to showcase GitHub activity. It is built with Next.js, GitHub Polyglot, Chart.js, React Flip Move, and Styled Components, providing a visually appealing and interactive experience for users to display their GitHub data. The installation process involves installing dependencies, running the server, and deploying the tool using the Now CLI. OctoProfile offers a modern and engaging way for users to present their GitHub information.