Octoprofile

screenshot of Octoprofile
nextjs
react
styled-components

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

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.
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.