Bite Size

Bite Size is a full-flavoured recipe app, that trimmed the fat, and is presented in a bite-sized, easily digestible format. The application uses Svelte and Sapper in the front-end and Fastify as the back-end server. We also use Cloudinary for image hosting and Fuse.js for its powerful search functionality.

This project was developed by Eppa Lea Turniawan, Evan Quirk and Sydney Sisco.

Welcome to Bite Size!

Find your new favourite recipe using keyword search and filters

Recipes are displayed for easy viewing

Easily add your own recipes! Instructions and ingredients are added using a large <textarea> but are broken down into individual items for display

Running the app

This repo includes two seperate apps, a front-end Svelte/Sapper app and a back-end server running Fastify. To get the full application up and running first create a .env file in both the client/ and server/ directories using the .env.example files as a template. Then run these commands:

# start the front-end
cd client/
npm i
npm run dev

and in another terminal:

# start the server
cd server/
npm i
npm run dev

Bite Size should now be live at http://localhost:5000 🎉

Dependencies

• Svelte
• Sapper
• Attractions
• Fuse.js
• Fastify