Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucaswinkler/personal-site-v3
Iteration 3 of my personal website - built with Vite using HTML, SCSS & JS
https://github.com/lucaswinkler/personal-site-v3
front-end frontend html javascript js personal personal-website portfolio portfolio-website sass scss site vite vitejs
Last synced: 2 days ago
JSON representation
Iteration 3 of my personal website - built with Vite using HTML, SCSS & JS
- Host: GitHub
- URL: https://github.com/lucaswinkler/personal-site-v3
- Owner: LucasWinkler
- License: mit
- Created: 2022-07-30T02:01:08.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-02T22:30:49.000Z (9 months ago)
- Last Synced: 2024-03-02T23:28:34.829Z (9 months ago)
- Topics: front-end, frontend, html, javascript, js, personal, personal-website, portfolio, portfolio-website, sass, scss, site, vite, vitejs
- Language: HTML
- Homepage: https://www.lucaswinkler.dev/
- Size: 23.9 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
[](https://app.netlify.com/sites/lucaswinkler/deploys)
lucaswinkler.dev - v3
The third iteration of lucaswinkler.dev built with HTML, and CSS.
[![https://www.lucaswinkler.dev/][personal-website-v3-screenshot]](https://www.lucaswinkler.dev/)
## Table of Contents
- [About](#about)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Production](#production)
- [Credits](#credits)
- [Contact](#contact)
- [License](#license)
## 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
```sh
npm install
```
- Host a local development server
```sh
npm run dev
```
- Host a local development server that is exposed to your network
```sh
npm run devExposed
```
### Production
- Build the application for production
```sh
npm run build
```
- Start a local server that serves the built application
```sh
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
- [LinkedIn](https://linkedin.com/in/lucas-winkler)
- [Github](https://github.com/lucaswinkler)
- [Email](mailto:[email protected])
## License
Distributed under the MIT License. See `LICENSE` for more information.
[license-shield]: https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square
[license-url]: https://choosealicense.com/licenses/mit
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/lucas-winkler/
[personal-website-v3-screenshot]: ./public/og.png