FRONTEND DEVELOPER
RANDY OCHOA
I am a web developer passionate about creating innovative and efficient solutions. My goal is to join a team where I can contribute my knowledge to develop high-impact solutions, help the company achieve its objectives, and continue strengthening my professional skills.
Throughout my journey as a Frontend Developer, I have worked on nonprofit projects, developing responsive websites with attractive visual elements and interactive animations. Additionally, I have experience in API integration, which has allowed me to build dynamic and functional applications. ABOUT ME
PROJECTS
I created a clone of the Monkey Type website to practice typing speed and accuracy, providing performance metrics such as words per minute (WPM) and accuracy.
I used CSS to add smooth animations, such as highlighting correct and incorrect letters, and visual effects when starting or finishing the test.
I implemented logic to calculate words per minute (WPM), accuracy, and other parameters, maintaining an appropriate state of the test.
I implemented the logic in JavaScript to detect text input in real-time, validating each character and showing immediate results, which is crucial for the user experience in a typing test. Monkey Type HTML - CSS - Astro - JavaScript - Git - GitHub SKILLS LANGUAGES
HTML
CSS
Tailwind CSS
Sass
JavaScript
TypeScript
React
Astro
Git
GitHub
Inglés (A2)
Español (Native)
*************@*****.***
Portafolio
Los Ángeles, California
A website to create, modify, delete, and save your pending tasks, with the option to filter them by progress or by name. I used React to organize the logic and state of the tasks, allowing users to add, modify, and delete tasks smoothly. I included filtering options to facilitate organization, enabling users to classify their tasks by progress status or name, improving the user experience.
I implemented data persistence, allowing users to save tasks so that they can close the browser and keep their pending tasks saved when they return, using local storage.
Todo List React - Sass - Git - GitHub
A simple form that includes validations to check if the requested data is being entered correctly. I added functions to guide the user while completing the form, such as highlighting active fields and providing help messages, improving usability.
I added custom error messages for each field that fails validation, providing clear and detailed feedback. Form with Validations HTML - CSS - JavaScript - Git - GitHub