Hi, I'm Rey Melin

A passionate developer crafting digital experiences with clean code and creative solutions. I transform ideas into elegant, functional applications.

👨‍💻

About Me

Hi! I'm a passionate web developer and creative technologist with a love for building meaningful digital experiences. My journey in tech started with a curiosity about how things work and evolved into a career focused on creating applications that make a difference.

I specialize in frontend development with React, creating interactive user interfaces, and implementing smooth animations that enhance user experience. I'm particularly interested in accessibility, performance optimization, and building tools that help people express themselves creatively.

When I'm not coding, you'll find me exploring new design trends, contributing to open-source projects, or working on creative side projects like interactive coloring books and emotion journaling apps.

Creative Coder UI Enthusiast Open Source
🎨

Design Focused

Creating beautiful, intuitive interfaces

Performance

Optimized for speed and efficiency

Accessible

Building for everyone, everywhere

🚀

Innovative

Exploring new technologies daily

My Journey

2020

Started Learning Web Development

Began my journey with HTML, CSS, and JavaScript fundamentals.

2021

First Freelance Projects

Built websites for local businesses and gained real-world experience.

2022

Mastered React & Modern Frameworks

Deepened expertise in React, Next.js, and modern development tools.

20+
Projects Completed
15+
Happy Clients

Skills & Expertise

A comprehensive toolkit for building modern web applications

💻

Frontend Development

  • React 90%
  • TypeScript 85%
  • JavaScript 95%
  • HTML/CSS 95%
  • Tailwind CSS 90%
  • Next.js 80%

Animation & Interactivity

  • Framer Motion 85%
  • CSS Animations 90%
  • GSAP 75%
  • Three.js 70%
🗄️

Backend & Database

  • Node.js 80%
  • Express 75%
  • MongoDB 75%
  • PostgreSQL 70%
  • Firebase 80%
🌐

Tools & Workflow

  • Git/GitHub 90%
  • VS Code 95%
  • Figma 85%
  • Webpack/Vite 75%
📱

Responsive & Accessible

  • Mobile-First Design 90%
  • Accessibility (A11y) 85%
  • Performance Optimization 80%
  • Cross-browser Testing 85%
🎨

Design & UX

  • UI Design 85%
  • Prototyping 80%
  • User Research 75%
  • Design Systems 80%

Additional Technologies

Redux GraphQL REST APIs Jest Cypress Docker AWS Vercel Netlify Supabase Prisma tRPC Sass/SCSS Styled Components Storybook Web Animations API

Tech Stack

Technologies and tools I use to bring ideas to life

HTML5

Semantic markup and accessibility

CSS3 / SCSS

Modern styling and animations

JavaScript (ES6+)

Modern JavaScript features

TypeScript

Type-safe development

React

Component-based UI library

Next.js

React framework for production

Vue.js

Progressive JavaScript framework

Svelte

Compiler-based framework

Tailwind CSS

Utility-first CSS framework

Styled Components

CSS-in-JS styling

Node.js

JavaScript runtime environment

Express

Web application framework

Serverless Functions

Edge computing solutions

GraphQL

API query language

REST APIs

RESTful API design

WebSockets

Real-time communication

MongoDB

NoSQL document database

PostgreSQL

Relational database

Firebase

Backend-as-a-Service platform

Supabase

Open source Firebase alternative

Redis

In-memory data store

Prisma

Next-generation ORM

Git / GitHub

Version control system

VS Code

Code editor

Webpack / Vite

Build tools

Jest

Testing framework

Cypress

End-to-end testing

ESLint / Prettier

Code quality tools

npm / yarn / pnpm

Package managers

Figma

Interface design tool

Sketch

Digital design platform

Adobe XD

UX/UI design tool

Photoshop

Image editing software

Illustrator

Vector graphics editor

Vercel

Frontend deployment platform

Netlify

Web hosting platform

AWS

Cloud computing services

Docker

Containerization platform

GitHub Actions

CI/CD automation

Mobile-First & Accessible

All projects are built with a mobile-first approach, ensuring responsive design across all devices. I prioritize web accessibility (WCAG guidelines) to create inclusive experiences for all users.

Responsive Design WCAG Compliant Performance Optimized SEO Friendly

Featured Projects

A selection of my recent work and personal projects

🛒

E-Commerce Platform

A full-stack e-commerce solution with user authentication, product management, and secure payment integration.

React Node.js MongoDB Stripe
📊

Analytics Dashboard

Real-time data visualization dashboard with interactive charts and customizable widgets for business intelligence.

TypeScript D3.js PostgreSQL
💬

Chat Application

Real-time messaging platform with WebSocket support, file sharing, and end-to-end encryption.

React Socket.io Express

Get In Touch

Have a project in mind? Let's work together!

Let's Connect

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Feel free to reach out!