• Stars
    star
    249
  • Rank 159,210 (Top 4 %)
  • Language Svelte
  • Created over 4 years ago
  • Updated 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

My current personal website

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.

Some funny facts about it:

  • All animations are CSS based powered with CSS Variables. No libraries used.
  • This is a portfolio without images or project showcase. I hope the code itself and Codepen can make up for it.
  • Designing it was way harder than implementing it!

Run it locally

# 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

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

Creative Commons 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.

More Repositories

1

workshop-a11y-fundamentals

Workshop: Web Accessibility Fundamentals
HTML
29
star
2

postcss-start-to-end

PostCSS plugin that lets you control your layout (LTR or RTL) through logical rather than physical rules
JavaScript
18
star
3

sketching

Explaining code with drawings
17
star
4

essential-webpack-boilerplate

Minimal starter boilerplate with Webpack 3, PostCSS 6, Babel and Jest ready to go
CSS
10
star
5

gulp-boilerplate-scss-babel-browsersync-php

Personal boilerplate with Gulp that compiles SCSS to CSS, JS ES6 to ES5, browsersync and other html | scss perks
CSS
8
star
6

how-can-js-improve-your-css-mixins

How can JS Improve CSS Mixins
JavaScript
8
star
7

workshop-a11y-jsdaycanarias

Workshop: Web Accessibility in Javascript Apps (React edition)
JavaScript
6
star
8

workshop-a11y-in-js-reactsummit

Created with CodeSandbox
JavaScript
3
star
9

portfolio_v2

my personal website v2 (2016-2019)
JavaScript
3
star
10

css-mixins-on-javascript-with-unit-tests

PowerUp your CSS Mixins by writing them with Javascript. Built with Webpack2, Babel, PostCSS and Jest
JavaScript
3
star
11

workshop-a11y-react-alicante

A11Y Workshop for 2022 React Alicante
JavaScript
2
star
12

react-memoized-context

No more extra re-renders when consuming a Context
JavaScript
2
star
13

my-1st-mobile-app

react-native + 💅+ AsyncStorage
Objective-C
1
star
14

papers-game

Papers is the perfect mobile game for your game night!
JavaScript
1
star
15

next-with-gulp

next.js with gulp
JavaScript
1
star
16

not-a-div

Examples where there are better elements than div/span to give meaning to an HTML page.
1
star
17

postcss-ltr-rtl-detect

PostCSS plugin that detects properties in your CSS that influence LTR and RTL layouts.
JavaScript
1
star