harshhhdev / debutur
๐ Create, and personalise your own simple and beautiful homepage
Debutur
๐ Quickstart
Run the website locally
git clone https://github.com/harshhhdev/debutur.git
Setting up the project
cd debutur
# Install dependencies
yarn
Setting up environment variables
Rename .env.EXAMPLE
to .env
Go to your Twitter Developers Dashboard, create a new project and obtain an API key from the "keys and tokens" section.
Fill in the TWITTER_SECRET
and TWITTER_ID
fields.
Then, to your GitHub Developer Applications > OAuth Apps, create a new project and generate a new API client secret.
Fill in the GITHUB_ID
and GITHUB_SECRET
fields
Next, make sure to set your secret inside the .env
file. You can set this to anything, however, you should preferably choose something secure.
If you're on Linux, you can run openssl rand -hex 32
or go to https://generate-secret.now.sh/32
Starting server
yarn dev
Server should now be running on localhost
๐ผ Gallery
โฆ
Try it out! dbtr.vercel.app
A bit of background :(
My original project for the Atlas Hackathon was an application called Tastify, 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 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 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 and TypeScript. It authenticates users with using Next-Auth, using the Twitter and GitHub providers. It then saves their profile in MongoDB Atlas with the help of Prisma.
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
harshhhdev / debutur
๐ Create, and personalise your own simple and beautiful homepage
Debutur
๐ Quickstart
Run the website locally
git clone https://github.com/harshhhdev/debutur.git
Setting up the project
cd debutur
# Install dependencies
yarn
Setting up environment variables
Rename .env.EXAMPLE
to .env
Go to your Twitter Developers Dashboard, create a new project and obtain an API key from the "keys and tokens" section.
Fill in the TWITTER_SECRET
and TWITTER_ID
fields.
Then, to your GitHub Developer Applications > OAuth Apps, create a new project and generate a new API client secret.
Fill in the GITHUB_ID
and GITHUB_SECRET
fields
Next, make sure to set your secret inside the .env
file. You can set this to anything, however, you should preferably choose something secure.
If you're on Linux, you can run openssl rand -hex 32
or go to https://generate-secret.now.sh/32
Starting server
yarn dev
Server should now be running on localhost
๐ผ Gallery
โฆ
I've made this project by myself! Here are some videos:
Libraries & technologies I've used:
- Next.js
- Prisma
- TypeScript
- Figma
- next-themes
- Framer Motion
- React Spring
- MongoDB Atlas
- Stitches
- NextAuth
- axios
- React Toastify
- Feather Icons
- Simple Icons
- Kraftuur (made by me!)
...and if you made it down here, be sure to check out Debutur! Feel free to share your profiles in the comments below :)
Top comments (2)
Looks Cool ๐
Thank you!