Roseny
a Frontend Developer
Self-taught with a strong foundation in HTML, CSS and JavaScript.
Experienced in personal and collaborative projects, looking for new opportunities.
My experience
- Diet Pixie(personal project)
A web application that allows you to calculate your nutritional values based on your physical activity level to help you achieve your goals. You can also access your history and view your progress.
- Workout Tracker(collaboration)
Web application designed to log and track physical exercise in an organized way. Developed using ElVengador Dev's template and the ev-component-library, it stores data in IndexedDB to preserve workout history. It allows detailed tracking of exercises according to the followed routine, with the option to add new exercises to existing routines or create new ones. A versatile tool for those who train with multiple routines and want to maintain precise progress tracking.
- BitSip(personal project)
Web application developed to simplify access to recipes for meals, desserts, and drinks. Two APIs were integrated to fetch data, along with a function to extract and render ingredients efficiently. Built with React Router for routing management, it follows Clean Architecture principles and includes unit tests to ensure stability. Users can choose between dishes and drinks, receive suggestions, and access complete recipes with all necessary details for preparation.
- Pocket Budget(collaboration)
Web application developed to record and manage expenses in an organized way. Built with Astro, React, TypeScript, and the ev-component library, it stores data in IndexedDB to ensure persistence. It allows users to log expenses with descriptions and view a detailed history with dates, making it easier to track and analyze monthly spending.
- Card Quest(collaboration)
Web application designed for creating and managing study flashcards easily and efficiently. Built with Astro, React, TypeScript, and the ev-component library, it stores data in localStorage to preserve user progress. It features dark mode, and each card includes a question and an answer, with the option to flip it when studying. A practical tool to enhance vocabulary learning and other subjects.
- ev-component-library(collaboration)
Reusable component library designed to optimize web interface creation. Developed with React, TypeScript, and TailwindCSS, it includes detailed documentation in Storybook for easy implementation. Each component features style variants and customization options, ensuring design consistency. Available elements include simple components such as buttons with two variants and five color variations, adaptable to different needs. A solution focused on efficiency and reusability to accelerate web application development.
- Cartago ecommerce(collaboration)
Ecommerce platform created to demonstrate skills in more complex projects and learn how to organize large-scale projects. Built with Next.js and TailwindCSS for the frontend, this app manages products, orders, and roles: customers place orders, sellers manage inventory, and admins oversee categories and platform control. Although simplified compared to commercial solutions, the focus is on demonstrating skills in building a robust and scalable application, but on a smaller scale.
- Chuck Norris Jokes(personal project)
Project developed to practice DOM manipulation, fetch, and promise handling in JavaScript. A request was made to the Chuck Norris API, and based on the response, elements in the interface were dynamically updated. Built exclusively with HTML, CSS, and JavaScript, the design was adapted to be responsive. In addition to showcasing technical skills, it provides a source of Chuck Norris jokes for fans.
- Social Media Dashboard(personal project)
Project developed to improve skills in interface creation. Focused on implementing responsive design, dark mode, and CSS Grid, areas that initially posed challenges. Using only HTML, CSS, and a few lines of JavaScript for dark mode logic, a functional and adaptable interface was created. The result demonstrates the ability to apply key techniques in web design and development, overcoming initial challenges.
