Skip to content

LucasWinkler/personal-site-v3

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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 wait...

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.