Explore my projects
const myWork = () => {
return (
<p> Throughout each project, the emphasis has been on learning to work with a specific technology or addressing a business need. </p>
)
}
export default myWork
Projects key features
Following modern web design considerations
Built with Next.js and deployed on Netlify or Vercel
Clean folder structure and reusable components
Codebase written in React with JavaScript / TypeScript
Media optimization with Cloudinary
MDX markdown content for blog posts
Custom forms using Netlify functions and MailerLite API
Integration with CloudCannon CMS
Optimized for SEO
Security headers for a A+ score on Probely
PWA for an app-like experience
Page visits and event tracking with privacy-friendly analytics
Delivering multi-language websites leveraging i18n in Next.js
Setting up automation flows with Zapier
If my work resonates with you, let's collaborate on a project!Contact me
Latest project
I invite you to have a look at this e-commerce project that makes use of a beauty retailer's API to allow users to search for products and view suggestions as they type in the keywords.
It uses the Next.js app router to fetch data server-side based on a few parameters, filter it and display client-side a selection of data that may be most relevant to the user. To avoid overuse and add a layer of security, I have implemented rate limiting on API calls with middleware.
Design-wise, I have recreated the aesthetic of the retailer's website on a basic level. To ensure type safety the code was written in TypeScript and makes use of schema validation with Zod.
Since I intended to use automated tools to scan the API for security issues, I have created an OpenAPI spec file which you can view in the browser in JSON format.
View project on GitHubSample projects
Yoga studio website with modular design
A website focused on showcasing beautiful images optimized through Cloudinary's API and displaying localized content, featuring a newsletter using Netlify functions and Mailerlite API. Image gallery displayed with Swiper.js. Optional Momence booking system integration.
Next.js • Cloudinary • Swiper.js
Artwork audio guide
Synchronized audio and transcript of sculpture description that the art gallery's visitor can access by scanning the QR code displayed alongside the artwork. Custom audio player created in React using icons from Next Icons.
Next.js • Tailwind • TypeScript • React
Social media linkspage
A custom links page created for an educational enterprise. It features an event image gallery built with a Next.js starter from Vercel and sourcing images through Cloudinary's API. The events registration landing page leverages Liquid iterations and conditionals to allow the owner to easily add, hide or remove events / event details through the CMS.
HTML • CSS • TypeScript • Next.js • Jekyll
Content writer blog
Website designed for a freelance writer to showcase blog entries using loops and collections for easy referencing in several parts of the website. It includes a blog archive, tags, posts social sharing, similar posts suggestions, and a Shopify store integrated with the Buy Button functionality for selling digital products directly from the blog.