annawaltrip.com - v2

The second iteration of my personal website, built with Gatsby, a React-based framework, and hosted with Netlify.

Currently, it's still very much a work in progress 😊

Technologies and features

Techs:

                   

Features:

• Gatsby SPA with pages: Home, About, Skills, Projects, Contact, 404
• Fully responsive for desktop and mobile devices
• Responsive image carousels to showcase projects
• Page content stored in MDX and retrieved with GraphQL
• Dark/light theme
• Auto-load theme based on localStorage
• Relevant meta tags to boost SEO
• Accessible / WCAG compliant

Backlog:

• Contact form
• Additional projects
• Sorting features on skills page
• A few more themes beyond "light" and "dark"
• Site logo and improved styles

💻 Dev setup

1. Install the latest LTS version of Node.js

2. Install the Gatsby CLI

   • npm install -g gatsby-cli

3. Install dependencies

   • npm install

4. Start the development server

   • npm start

🛠 Building for Production

1. Generate a full production build

   • npm run build

2. Preview the site as it will appear when deployed

   • npm run serve

🚀 Deployment (Netlify)

Deploy this site with one click on Netlify: