https://github.com/sandrina-p/portfolio_v3

My current personal website
https://github.com/sandrina-p/portfolio_v3

accessibility css-animations frontend personal-site personal-website portfolio sapper svelte

Last synced: 1 day ago
JSON representation

My current personal website

• Host: GitHub
• URL: https://github.com/sandrina-p/portfolio_v3
• Owner: sandrina-p
• Created: 2019-11-02T11:55:21.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-08T19:31:31.000Z (7 months ago)
• Last Synced: 2024-08-01T22:51:40.922Z (3 months ago)
• Topics: accessibility, css-animations, frontend, personal-site, personal-website, portfolio, sapper, svelte
• Language: Svelte
• Homepage: http://sandrina-p.net/
• Size: 3.6 MB
• Stars: 252
• Watchers: 7
• Forks: 19
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Oh, hi there!

I'm a Staff Frontend Engineer who helps to turn ideas into accessible experiences.

---

This is the source code of my personal website. It was a fun ride that took me around 5 months on and off during my free time. During the journey I took notes of some of my major technical [Learnings](LEARNINGS.md).

Some funny facts about it:

- All animations are CSS based powered with [CSS Variables](https://developer.mozilla.org/en-US/docs/Web/CSS/--*). No libraries used.

- This is a portfolio without images or project showcase. I hope the code itself and [Codepen](https://codepen.io/sandrina-p) can make up for it.

- Designing it was way harder than implementing it!

## Run it locally

```bash

# Install dependencies

npm install # or yarn

# Run in dev mode

npm run dev # or yarn dev

# Run tests

npm run test # or yarn test

```

## Stack

- **Development**: [Svelte](https://svelte.dev/) ([Sapper](https://sapper.svelte.dev/)) + [PostCSS](https://postcss.org/)

- **Testing**: [Cypress](https://www.cypress.io/)

- **Deploy**: [Netlify](https://www.netlify.com/)

## Is there something missing or wrong?

Feel free to open an issue or let me know by any other medium (e-mail, twitter, etc...). I'd appreciate! 🙌

## License




This work is licensed under a Attribution-NonCommercial-NoDerivatives 4.0 International License.

This is open source so you can see how it was built. Please, do not create/publish your own portfolio as a _cheap copy_ of mine. That's rude.