akd-io / akd-io-website Goto Github PK

Personal website of Anders Damgaard

JavaScript 5.22% TypeScript 88.47% CSS 6.31%

javascript nextjs react vercel website

akd-io-website's Introduction

Hello! 👋

My name is Anders and I am from 🇩🇰Copenhagen, Denmark. I am a passionate frontend engineer obsessed with improving software development projects, from enhancing user and developer experience to increasing maintainability and agility.

I have spent the last 5 years consulting as a frontend web developer for a dozen different companies. I have worked with many teams, technologies, and processes and love the ever-changing environment's many learning opportunities.

Whether you are looking for a frontend lead to lay a good foundation for your next web development project or an experienced React developer to help finish the last user stories before the deadline, LinkedIn is the place to get in touch.

Create Next Stack 🚀

Check out Create Next Stack, an open-source website and CLI tool that helps frontend teams get Next.js projects set up in minutes instead of days.

akd-io-website's People

Contributors

Stargazers

Watchers

akd-io-website's Issues

Eliminate content jump because of unknown image size during page load

Currently, if viewing the site on a slow network, the content on the page will jump when the page receives the size of the profile picture. This can be eliminated by giving the -tag a width and height. What is the best solution here, the image being responsive?

Fix eslint config

Use recommended instead of eslint-recommended: https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/src/configs/README.md

Add a normalize file

Switch to TypeScript

Switch to next-plausible

To do:

Switch to next-plausible

Add SEO meta tags

Update Image usage

To do:

Import profile pic using static import to automatically populate props.
Set placeholder="blur" to get a blurred initial image?

Consider making use of the system font stack

The Roboto font currently in use on the site is not essential to the design, and the speed-up in choosing a system-font is most likely more valuable than being able to choose Roboto specifically.
Not to mention the fact that users might feel more at home with the system font.

Short description
Screenshot
dev, build, start commands
now deployment
Contribution

Social media button border doesn't use $darkgrey

The social media buttons are currently using black instead of $darkgrey. Border should match the button's background.

.card {
  [...]
  .social-media {
    [...]
    a {
      [...]
      border: 1px solid black;
      border-radius: 0.3em;
      background: $darkgrey;
      [...]
    }
  }
}

Try Bun?

To do:

Switch to Bun

Automate image compression

I could write a script to compress images

The script should compress all images from a non-compressed folder and save them in static/ or similar.
It should output WebPs as well as fallback JPGs for browsers without WebP support.
It might be a good idea to make the script look for images in static/ that are not in the non-compressed folder and alert the user that those images aren't being compressed.

I could also compress image during build

Possible solutions are next-optimized-images or getting something like imagemin-webpack-plugin to work with Next, although I guess that is exactly what next-optimized-images does.

Compress profile picture

Automate image compression

I could write a script to compress images

The script should compress all images from a non-compressed folder and save them in static/ or similar.
It should output WebPs as well as fallback JPGs for browsers without WebP support.
It might be a good idea to make the script look for images in static/ that are not in the non-compressed folder and alert the user that those images aren't being compressed.

I could also compress image during build

Possible solutions are next-optimized-images or getting something like imagemin-webpack-plugin to work with Next, although I guess that is exactly what next-optimized-images does.

Add dark mode

akd-io / akd-io-website Goto Github PK

akd-io-website's Introduction

Hello! 👋

Create Next Stack 🚀

akd-io-website's People

Contributors

Stargazers

Watchers

akd-io-website's Issues

I could write a script to compress images

I could also compress image during build

I could write a script to compress images

I could also compress image during build

Recommend Projects

Recommend Topics

Recommend Org