Skip to content

Iteration 3 of my personal website - built with Vite using HTML, SCSS & JS

License

Notifications You must be signed in to change notification settings

LucasWinkler/personal-site-v3

Repository files navigation

MIT License LinkedIn Netlify Status


LW logo

lucaswinkler.dev - v3

The third iteration of lucaswinkler.dev built with HTML, and CSS.

Previous iterations: v1, v2

https://www.lucaswinkler.dev/

Table of Contents

Want to use this as your own portfolio?

You're allowed! But...

Please don't forget to give credit by linking back to https://www.lucaswinkler.dev/. Thanks!

About

Iteration 3 of my personal website which I built to help practice with responsiveness, accessibility and because my last website wasn't the best. It was lacking in a lot of places.

This website was fully designed by myself using Figma after I was done binge watching Design Course on YouTube. I've recently gotten back into web development and I wanted to create something that looked great and responded great with different device sizes. This project is being hosted on Netlify and I'm using Vite to help make development easier.

Getting Started

Follow these steps in order to get the website up and running locally on your machine.

Installation

  • Clone or download the repository then navigate to the root directory

  • Install all required dependencies

    npm install
  • Host a local development server

    npm run dev
  • Host a local development server that is exposed to your network

    npm run devExposed

Production

  • Build the application for production

    npm run build
  • Start a local server that serves the built application

    npm run preview

Credits

Inspired by: Brittany Chiang @ https://github.com/bchiang7

  • Borrowed her custom easing for animations and slide up animaton style.

Help from: Xander Drinnan @ https://github.com/xanderdrinnan

  • Pointed me in the right direction for tons of things and helped out with a lot of my issues

Contact

License

Distributed under the MIT License. See LICENSE for more information.