🚀 Debutur - Build Your Custom Homepage
Published: 2022-01-13 23:57:27

{% github https://github.com/harshhhdev/debutur %}

Try it out! [dbtr.vercel.app](https://dbtr.vercel.app)

### A bit of background :(

My original project for the Atlas Hackathon was an application called [Tastify](https://tastify.vercel.app), which creates cool profiles for users to analyse their Spotify music taste. I spent countless hours on to finish and polish. However, when I went to deploy the app, I found out about something unfortunate. I couldn't login users with my app as Spotify does not allow this unless you explicitly ask for a quota extension. In their quota extension policy, they state that they do not grant quota extensions to hobby projects.

With my hardwork down the gutter, I decided to not to loose hope. I created [Debutur](https://dbtr.vercel.app) in a mere 5 days, I hope you enjoy it!

### Overview of My Submission

In our daily busy lives, not all of us have time to create a shiny new portfolio with cool animations. [Debutur](https://dbtr.vercel.app) allows users to create and personalise their own portfolio which links to important things such as their resume, GitHub - or their movie review blog. Your choice!

Debutur is built with [Next.js](https://nextjs.org) and [TypeScript](https://typescriptlang.org). It authenticates users with using [Next-Auth](https://next-auth.js.org/), using the [Twitter](https://next-auth.js.org/providers/twitter) and [GitHub](https://next-auth.js.org/providers/github) providers. It then saves their profile in [MongoDB Atlas](https://www.mongodb.com/atlas/database) with the help of [Prisma](https://prisma.io/).

### Submission Category: 

The other categories seemed dry and boring to me, so I decided to build an app in the choose your own adventure category :p

### Link to Code

{% github https://github.com/harshhhdev/debutur %}

I've made this project by myself! Here are some videos:

![3](https://user-images.githubusercontent.com/69592270/149421305-a4e5af7f-2846-4637-8b53-af482ffb8e73.gif)
![1](https://user-images.githubusercontent.com/69592270/149421298-f4d9265a-a02b-4619-b515-b30b9ff67258.gif)
![2](https://user-images.githubusercontent.com/69592270/149421300-4351b00c-2fc8-4883-9e7e-b13635091d04.gif)
![4](https://user-images.githubusercontent.com/69592270/149421311-eb349e56-9e1e-46e4-86f1-2a266aaee491.gif)

Libraries & technologies I've used:

 - [Next.js](https://github.com/vercel/next.js)
 - [Prisma](https://www.prisma.io/)
 - [TypeScript](https://typescriptlang.org)
 - [Figma](https://figma.com)
 - [next-themes](https://next-themes-example.vercel.app/)
 - [Framer Motion](https://framer.com/motion)
 - [React Spring](https://react-spring.io)
 - [MongoDB Atlas](https://www.mongodb.com/cloud/atlas/)
 - [Stitches](https://stitches.dev/)
 - [NextAuth](https://next-auth.js.org/)
 - [axios](https://axios-http.com/)
 - [React Toastify](https://fkhadra.github.io/react-toastify/introduction)
 - [Feather Icons](https://feathericons.com/)
 - [Simple Icons](https://simpleicons.org/)
 - [Kraftuur (made by me!)](https://harshhhdev.github.io/kraftuur)

...and if you made it down here, be sure to check out  [Debutur](https://dbtr.vercel.app)! Feel free to share your profiles in the comments below :)