melodell.github.io

Melina O'Dell's Personal Website

Made with Astro.

Why?

• Organized space to display/update achievements
• Play around with a static pages framework

How?

• Languages: JavaScript/TypeScript, HTML, CSS/SCSS.
• Astro for scalable static pages.
• Fomantic UI for clean, easy styling.
• GitHub Pages for easy deployment.

Learning Goals

• Making an "interactive" site using vanilla JS
• Learning about a static site framework (Astro)
• More familiarity with Semantic/Fomantic UI
• Building a static site because it doesn't need to be more than that - Always use the simplest tool for the job

Setup

Install dependencies.

npm install

Workflow

Develop

Local development

Serve on localhost:4321 with:

npm run dev

Deploy

main automatically deploys to GitHub Pages using the deploy.yml workflow.