gitlink

Sign In page
Step 1 Sign in, then create a link in your dashboard.
Step 2 Send the link to someone you want to invite to your repository.
Step 3 When they click the link and accept the invite, they'll be added to the repository!

Inspiration

The inspiration for gitlink came from the need to streamline the process of inviting collaborators to GitHub repositories. During hackathons, time is critical, and managing permissions manually can be cumbersome and error-prone. gitlink was built to automate this process, making it faster and more intuitive, so teams can focus on coding and collaboration rather than administrative tasks.

What it does

gitlink is a project designed to simplify collaboration on GitHub repositories by allowing users to share links that automatically add invitees as collaborators when they accept the invite. This makes it easier to manage access to repositories, especially in scenarios where quick collaboration is needed, such as hackathons, team projects, or open-source contributions.

How I built it

The project was built using a modern web stack:

Frontend: Next.js with TypeScript and Tailwind CSS for a responsive and user-friendly interface.
Backend: Next.js API routes with Prisma as the database ORM, connected to MongoDB.
Authentication: GitHub OAuth for seamless sign-in and managing authentication flows.
Deployment: The application is deployed on Vercel, providing fast and reliable hosting with easy integration for Next.js applications.

Challenges I ran into

While building gitlink, I encountered several challenges:

TypeScript Errors: Ensuring type safety across the application was challenging, particularly when dealing with complex types in the NextAuth configuration and API responses.
Authentication Flow: Integrating GitHub OAuth required careful handling of authentication flows and permissions to ensure a seamless user experience.

Accomplishments that I'm proud of

Despite these challenges, gitlink was successfully built and deployed, providing a valuable tool for anyone looking to streamline GitHub collaboration.

What I learned

Building gitlink was a valuable learning experience that allowed me to dive deeper into various technologies and frameworks. I learned how to:

Integrate GitHub's OAuth and API for authentication and repository management.
Utilize Next.js with the new App Router feature for server-side rendering and dynamic routing.
Work with Prisma and MongoDB for database management.