Miguel Cruz — Developer

Hello! I am Miguel

I am a

Full-Stack Developer with experience building modern and functional interfaces using HTML5, CSS/Sass, Tailwind, JavaScript, TypeScript, React, and Next.js. I focus on creating fast, clean, and user-centered experiences, integrating design from Figma and applying best practices and responsive design. I master key concepts such as DOM manipulation, asynchronous programming, OOP, and the fundamentals of the V8 engine. I also have solid knowledge of Python for problem-solving and working with data structures. On the backend, I develop APIs using Node.js and Express, working with MongoDB Atlas and Mongoose, and handling authentication with JWT, CORS, and Axios. I use GitHub and Linux for version control and deployment, prioritizing clear, maintainable, and scalable code. I am constantly growing and strengthening my skills to deliver complete and efficient solutions across both frontend and backend development..

Ecosystem

Frontend

HTML

Base structure of content in React views.

CSS/Sass

Custom and modular styling.

Tailwind CSS

Utility-first CSS framework for modern and responsive design.

JavaScript / TypeScript

Logic and static typing.

React JS

Main library for building interfaces.

Next.js

React framework for server-side rendering (SSR)

Canvas

Graphic manipulation or custom visual effects

Figma

Interface design and visual prototyping.

Axios

HTTP requests to the backend

GitHub

Version control for the frontend

Linux

Development environment

Backend

Node.js

Runtime environment for executing backend JavaScript code.

Express.js

Framework for building servers and defining RESTful API routes.

MongoDB Atlas

Cloud-hosted NoSQL database.

Mongoose

ODM used to model and manage data between Node.js and MongoDB.

Nodemon

Automatically restarts the server during development.

CORS

Enables secure communication between frontend and backend..

JWT

Handles user authentication through secure tokens.

GitHub / Linux

Version control and development environment.

Recognitions

JS: DOM Manipulation

Manipulate the DOM to develop interactive web pages. Explore techniques to select, access, and modify HTML elements, and master event handling.

Basic Programming

I learned algorithms from scratch using JavaScript and HTML, and developed an understanding of code logic.

Object-Oriented Programming

Learn the differences between objects, instances, classes, and prototypes in JavaScript, and practice core object-oriented concepts

Descriptions and Comparisons

Questions and answers to describe places, weather, appearances, and people in English, as well as mastering idiomatic expressions to compare elements.

JavaScript Fundamentals

Variables, data types, control structures and logic, array manipulation, functions, this, OOP, and asynchronism.

V8: Engine and the Browser

Learn how the V8 JavaScript engine works with the browser, including hoisting, the JIT compiler, memory management, and the runtime environment.

Python Fundamentals

Comprehensive training in the fundamentals of the Python language, including installation, basic syntax, variables, operators, and control structures. Covered data structures such as lists, tuples, dictionaries, and sets, as well as the use of functions, error and exception handling, data input and output, and the creation and import of modules and packages

Projects

Artist Website

Use HTML to structure sections like Home, About, Contact, etc. Apply CSS for visual styling and mediaqueries.css to make the site responsive (mobile-friendly). Use JavaScript and jQuery for: • Animations or interactions (e.g., show/hide sections). • Smooth navigation or visual effects. There is no backend or database; everything runs in the browser.

CRM Full-Stack

This project is a modern full-stack CRM built with a modular and scalable approach. Its purpose is to enable efficient client management within a secure platform featuring role-based authentication (Admin / User), state management, advanced search, inline editing, backend pagination, and visual metrics with animations.

Shop Online

It is a static online store built using HTML, CSS, and JavaScript. It includes a main page, a shop view (shop.html), and a product detail page (sproduct.html). The entire structure is fully responsive, and the basic functionalities are implemented with JavaScript. Although it does not have a backend or payment gateway, it serves as a solid foundation for an e-commerce project, ideal for showcasing design and user experience.