Click the button and get a random drink idea with instructions and ingredients!
This was built with Sveltekit and Tailwindcss. It uses a Drink API from https://www.thecocktaildb.com/.
In the future I will be including a rating system by storing data to a postgreSQL database with Prisma.
This idea was taken from Weibenfalk and James Q Quick on YouTube.
https://youtu.be/6oDSwcZPbxA
https://youtu.be/YipaPr4Aex8
https://svelte-prisma.vercel.app/
Once you've created a project and installed dependencies with npm install
(or pnpm install
or yarn
), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
To create a production version of your app:
npm run build
You can preview the production build with npm run preview
.
To deploy your app, you may need to install an adapter for your target environment.