This repository is part of the BlazeHack Workshop Series, designed to help participants build scalable, secure apps using Cloudflare services.

In this workshop, we will be using the following repos:

• Frontend repo: blazenote
• Backend repo: blazenote-api

By completing this workshop, you will have a note taking app fully integrated with image features.

Before the workshop, make sure you complete the following tasks:

• Create a Cloudflare account using the same email you used for BlazeHack registration.
• Install Wrangler in your machine.
• Create a GitHub account.
• Install Git in your machine.
• Install an IDE (we recommend Visual Studio Code).

Once you’ve completed the entire checklist, you’re all set for the workshop 🎉

The In-Workshop Activities section outlines tasks to be completed on the day of the workshop as there will be further information provided that day.

1. Fork this repo.
2. Clone the forked repository.
3. Switch to starter branch. This branch will be your working environment for the workshop.

1. Install project dependencies - this only required if this is your first time working on the project:

   npm install

2. Start the local development server:

   npm run dev

   The app will be accessible at: http://localhost:5173

   This runs Vite with the Cloudflare plugin, which integrates the Workers runtime directly into the Vite dev server. You get hot module reloading and the Workers runtime in a single command.

This app is configured to deploy to Cloudflare Workers. You have two deployment options:

1. (Optional) Preview your build locally with the Workers runtime:

   npm run preview

2. Build and deploy the app:

   npm run deploy

   Or manually:

   npm run build
   wrangler deploy

3. Your app will be deployed to https://blazenote-frontend.<your-subdomain>.workers.dev

You can also set up automatic deployments through Cloudflare Workers CI/CD by connecting your GitHub repository to Cloudflare.