MyEnvelope

URLShort is a URL shortener application that is built with Nuxt 3 and MongoDB.

App

Try It : MyEnvelope
Try It : MyEnvelope (envelope.jooo.my.id)

Library, Frameworks & Tools Used

• Nuxt 3
  • Nuxt UI
  • Nuxt Google Fonts
  • Nuxt SEO
  • Nuxt Rate Limit
  • Nuxt I18n
  • Nuxt VueUse
• MongoDB
  • MongoDB Atlas (Free Plan)
  • Nuxt Mongoose
• TailwindCSS
• Pnpm
• Starback.js

Setup & Build

if you want to try, continue or modify this project, you can follow these steps:

• Clone this project

git clone https://github.com/jo0707/myenvelope

• Change directory to the project

cd myenvelope

• Install dependencies (pnpm)

pnpm install

This project use MongoDB as its messages database:

• Create .env file on the root of the project
• Create a MongoDB Atlas account
• Create a new deployment / project (Use M0 to get free plan)
• On the overview tab, click Connect > Drivers > Nodejs
• copy your connection string to .env file

.env example

MONGODB_URI=mongodb+srv://changeyourusername:changeyourpassword@clusterX.xxxxx.mongodb.net/app?retryWrites=true&w=majority

• Run the project

pnpm dev

• Build the project

pnpm run build
#or
pnpm run generate # static hosting

That's it!

Contributing

Made by jo0707

Feel free to contribute to this repository!