Mark Aron Shame Canales
Aspiring Frontend Engineer
I build accessible, pixel-perfect digital experience for the web, Specializing in Frontend Development with NextJS.
GitHub Contribution Activity
Learned and started using git and GitHub as my version control system for the projects that i am building and it is really a game changer for every developer like me. I’m consistently updating my repositories as you can see in my contribution calendar and GitHub Account.
Recent Projects
Fakestore React E-Commerce App
Built a modern e-commerce application with React, Redux Toolkit, and Fakestore API, featuring search, cart management, authentication, and protected routes.
Implemented scalable component-based architecture for modular development.
Managed global state efficiently using Redux Toolkit and TypeScript.
Added role-based authentication with protected routes for users.
React JS
Tailwind CSS
Redux Toolkit
React Router V7
Vite
Personal Portfolio Website Project
Designed and deployed a responsive personal portfolio showcasing skills, experience, and projects with React, Vite, Tailwind CSS, and Framer Motion.
Developed modular reusable components for consistency and scalability.
Integrated Framer Motion to deliver smooth animations and transitions.
Crafted responsive layouts optimized for mobile, tablet, and desktop.
ReactJS
Vite
Redux Toolkit
Tanstack Query
Git
Github
MoneyGo Expense Tracker App
Built a simple expense tracker with React, Redux Toolkit, and Tailwind CSS, enabling users to add incomes, record expenses, and view their balance clearly.
Enabled users to add income and expense entries with instant updates.
Used Redux Toolkit for managing and persisting financial records.
Provided clear balance overview with categorized transaction history.
React JS
Tailwind CSS
Redux Toolkit
React Router V7
Vite
Fakestore React E-Commerce App
Built a modern e-commerce application with React, Redux Toolkit, and Fakestore API, featuring search, cart management, authentication, and protected routes.
Implemented scalable component-based architecture for modular development.
Managed global state efficiently using Redux Toolkit and TypeScript.
Added role-based authentication with protected routes for users.
React JS
Tailwind CSS
Redux Toolkit
React Router V7
Vite
Personal Portfolio Website Project
Designed and deployed a responsive personal portfolio showcasing skills, experience, and projects with React, Vite, Tailwind CSS, and Framer Motion.
Developed modular reusable components for consistency and scalability.
Integrated Framer Motion to deliver smooth animations and transitions.
Crafted responsive layouts optimized for mobile, tablet, and desktop.
ReactJS
Vite
Redux Toolkit
Tanstack Query
Git
Github
MoneyGo Expense Tracker App
Built a simple expense tracker with React, Redux Toolkit, and Tailwind CSS, enabling users to add incomes, record expenses, and view their balance clearly.
Enabled users to add income and expense entries with instant updates.
Used Redux Toolkit for managing and persisting financial records.
Provided clear balance overview with categorized transaction history.
React JS
Tailwind CSS
Redux Toolkit
React Router V7
Vite
ReactJS
Vite
Css3
Html5
Javascript
Redux Toolkit
Figma
ReactJS
Vite
Css3
Html5
Javascript
Redux Toolkit
Figma
ReactJS
Vite
Css3
Html5
Javascript
Redux Toolkit
Figma
VSCode
TailwindCSS
Git
TypeScript
Redux Toolkit
Tanstacfk Query
Jest
React Testing Library
VSCode
TailwindCSS
Git
TypeScript
Redux Toolkit
Tanstacfk Query
Jest
React Testing Library
VSCode
TailwindCSS
Git
TypeScript
Redux Toolkit
Tanstacfk Query
Jest
React Testing Library
MongoDB
NextJS
GitHub
NodeJS
Firebase
MySQL
Prisma
PostgreSQL
MongoDB
NextJS
GitHub
NodeJS
Firebase
MySQL
Prisma
PostgreSQL
MongoDB
NextJS
GitHub
NodeJS
Firebase
MySQL
Prisma
PostgreSQL
Technical Skills
These are the technologies that i'm currently using on software engineering and I'm eager to add more technologies to my skillset that will make me a better software engineer and would potentially make me stand out to the rest.
JavaScript (ES6+)
TypeScript
HTML
CSS/Sass
Redux Toolkit
Tanstack Query
React JS
Next JS
Tailwind CSS
Figma
Framer Motion
Git
GitHub
Jest
React Testing Library
Node JS
Firebase
MySQL
MongoDB Atlas
Prisma
PostgreSQL
