Samplasion/midnightsmaker

Create your own Midnights-style album cover

Midnights Maker

Author's note:
I would not call this the best example of my work. I wasn't expecting to open-source it, and took some ugly shortcuts at times. For example, some sections could be de-duplicated or simplified, or constants could be moved into a variable and reused instead. If I was doing it properly, I would probably also have multiple components instead of doing everything in app.vue.

Regardless, I hope you find some of this useful, or interesting. Enjoy!

Look at the nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.