Git Aura
A modern web app to visualize and share GitHub user profiles and contribution activity. Enter any GitHub username to view a beautiful, themeable profile card with contribution heatmap, follower stats, and more. Export as an image or share your profile with a unique link. Built with Next.js, Supab...
Overview
Git-Aura is an innovative platform designed for developers who want to showcase their coding accomplishments in a visually appealing way. By turning your commits and repositories into a competitive social experience, Git-Aura allows users to engage with their work and highlight their achievements through stunning visualizations and competitive leaderboards. Whether you want to share your profile with peers or simply track your progress, Git-Aura offers an intuitive interface that makes displaying your coding prowess effortless.
With features such as GitHub integration and a badge system, Git-Aura stands out as a tool that not only enhances your profile but also encourages continuous growth and improvement in your coding journey. The platform's modern design, built on Next.js and Tailwind CSS, ensures a seamless user experience across devices, giving developers the tools they need to present their skills and achievements effectively.
Features
- GitHub Integration: Seamlessly sync your GitHub contributions and repositories for real-time updates.
- Aura System: Utilize an advanced scoring algorithm that considers contributions, streaks, and overall consistency.
- Leaderboards: Compete against others in monthly and all-time leaderboards to showcase your development skills.
- Badge System: Earn unique badges for various accomplishments and milestones to enhance your profile’s appeal.
- Profile Cards: Share beautiful, personalized profile cards displaying your coding statistics and achievements.
- Real-time Updates: Automatic syncing of your GitHub data ensures your profile is always up-to-date.
- Modern UI: A sleek interface built using Next.js 14, TypeScript, and Tailwind CSS for an optimal browsing experience.
- Responsive Design: Fully optimized for use on mobile, tablet, and desktop devices, making it accessible anytime, anywhere.
- 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 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
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.