danielvanc / danielvanc.com

Source for danielvanc.com, Daniel Van Cuylenburg's personal website.

Hi! I'm Daniel Van Cuylenburg, a Senior Front-end Engineer at Vyne, from the Isle of Wight, U.K.

My tech stack these days mostly consists of:

• React
• TypeScript
• Remix
• Next JS
• Redis
• Greensock
• Framer Motion
• Tailwind
• Jest
• ViTest
• React testing library
• Playwright
• Cloudinary
• Prisma
• Supabase
• Fly.io
• Vercel
• StoryBook

Find me on LinkedIn and X.

danielvanc.com's Issues

Colophon Page

• Implement Content
• Design
• Build

Setup linting rules via own published package to npm

Update Labels

Update studio

Summary

• Update studio backend
• Update notes page with latest schema definitions, if applicable

Implement Sanity.io

Integrate Sanity.io CMS system

Light - dark themes

• Design new light theme
• Develop new light theme
• Base the theme on users current os setting?
• Add theme switcher

Add automated testing

• Integrate the testing to be automated with GitHub Actions.
• Use actions to provide important feedback including the use of slack and twitter for P.R requests and new issues.

Migrate build process to Gatsby Cloud

Whilst maintaining use of Netlify for hosting?

Integrate testing

• Use Jest, react testing library and cypress.io
• Provide code coverage and display on GitHub

Improve accessibility

• Run an audit of where accessibility can be improved
• Research techniques of what can be improved
• Provide fallbacks where required

Implement background update notification

A notification banner to appear on the page when the service worker is aware of any changes.

This should help with making sure the user has the latest updates due to caching etc.

Add Issue templating for contributers

Update README

This is loooong overdue.

Add Gatsby Cloud feature preview button

Summary

To add the Gatsby Cloud feature preview button in Sanity studio.

Create Resume page

Add reading time to each note

Move images and handling to Cloudinary

Provide default image for notes

Provide a default image if none was provided in the admin. If none provided, display the default only on the notes index page.

Add link content preview

Summary

To add a preview when hovering over a link to give an idea where the user is going before clicking a link.

Homepage profile image wrapping

Looks a bit off at certain screen sizes. Look into improving...

Enhancements and bug fixes

• Update main logo
• Update hyperlink colours
• Add hover effects to main logo
• Alter main nav links and hover effects
• Look into homepage mast images not appearing on some small screens
• Fix dropdown not looking like a dropdown on Log page
• Fix navigation on log page for mobile which was throwing a 404
• Upgrade dependancies
• Find out why the Github buttons (for in the footer) have stopped working. (Turns out the dependancy i was using may no longer support React)
• Re-instate GitHub Buttons
• Add Social meta tags for Twitter and Facebook
• Replace global styles file with createGlobalStyle helper in styled-components
• Fix FavIcon for Gatsby
• Remove nprogress
• Update copy font sizing on mobile
• Re-work/design top section of notes overview page

About page

• Implement Copy
• Design page
• Build page
• Final checks

Homepage design update

Objectives:

1. To simplify the homepage design, and be more inline with future thinking.

Prettyfiy html output

Is your feature request related to a problem? Please describe.
Currently, when you build a Gatsby site, it minifys the html output onto 1 line.

Summary

As per this, it would be nice to be able to view the source code, in human readable format, like you normally could when doing view source.

Basic example

If the proposal involves a new or changed API, include a basic code example. Omit this section if it's not applicable.

Motivation

As seen by Wes Bos's blog post for his new site build. It's something I'd rather have as well. (providing there's no perf set backs).

Re-add categories back to notes

• First look to see if Sanity has fixed the bug that prevented this from working before
• Add in categories

Add RSS Feed to notes

Update overal backend

Sanity have released quite a few nice upgrades that can be added into the backend. Including the use of icons. Be nice to have this as well.

Fix link icons on Resume page

Uses page

Build the uses page, which details all the tech and tools I use in my day to day web design and development work.

Add commenting functionality to each note.

Add webmentions

At the comments section, swap out comments for web mentions

Add P.R templating for contributers

Upgrade fonts to use variable fonts and provide fallbacks

Add mobile nav menu

Spend time on code improvements

Add pagination to notes

Improve on current light house scores