mobile device

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 Jekyll or 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

  • Headless e-commerce with Swell or Shopify buy button integration

  • Page visits and event tracking with privacy-friendly analytics

  • Multi-language websites leveraging i18n in Next.js

  • Automation flows with Zapier

mobile device

If my work resonates with you, let's collaborate on a project!Contact me

mobile device

Security practice

Take a look at this e-commerce project using a beauty retailer's API for product search and suggestions.

It fetches and filters data server-side with Next.js, displays relevant results, and uses middleware for API rate limiting.

The design mimics the retailer's aesthetics. The code is written in TypeScript for type safety and uses Zod for schema validation.

Includes an OpenAPI spec file for automated security scans.

View project on GitHub

Sample projects

Ecommerce web app

A full-stack web app that allows users to browse products, add them to the cart, and proceed to checkout. It features a responsive design, user authentication with Clerk, and integrates with Swell for product management. Work in progress.

Next.js • Swell • Clerk • TypeScript

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

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.

HTML • CSS • JS • Liquid • Jekyll • Netlify

logo

Hope you enjoyed exploring my coding journey and found something useful or inspiring. I'd be glad if you checked back later for updates and new projects!

Socials

Connect with me on my social handles.

Copyright 2023 ©Devroxana. All rights reserved.

Part of the images on this website have been provided by Icons8 and IconScout.

To improve your experience on this site, we use privacy-friendly analytics. By continuing to visit you agree to our privacy policy. Please review it. Understood X