Rise25

Website for announcing Mozilla's Rise 25 competition winners

Stack

Simplified stack for a flat, single-page site.

• Vite for frontend tooling / build
• Typescript for programming language
• Alpine.js for frontend interactivity and state management
• Tailwind CSS for styling
• Netlify for deployment

Local Development

# install dependencies if you haven't already
npm install

# run dev server and check your console for the local URL
npm run dev

• index.html file is the entrypoint for the site.
• src/winners.ts contains winners, categories, and groups.
• src/components directory contains all the Alpine.js components. Each component is a single file. Components are imported into main.ts.
• src/styles directory contains all the Tailwind CSS styles.
• src/assets directory contains all the static assets.

Deployment

This site uses Netlify for deployment. Any changes to the main branch will be automatically deployed to a preview site, and changes to the prod branch will be automatically deployed to the production site.