Hello, World! My name is Melanie Baratto.
I'm a Passionate Software Developer.
I specialize in creating seamless digital experiences—whether it’s a product, feature, or an entire website. Explore my portfolio to see how I’ve turned ideas into impactful solutions.
Some facts: I'm a passionate Front-End Developer with a love for clean code and beautiful UIs. My latest experience was as a Front-End Developer in the Finance sector. On my free time, I enjoy traveling, spending time with my Shih-Tzu, Bella, and learning languages. I speak English, Spanish, German and a little bit of French.
If you have a project in mind, let’s bring it to life together. Feel free to reach out!
I'm currently Open to Work. Download my résumé here. (And, check the links below)
My Recent Works
![ETF Portfolio Finder Execute](images/RiskProfile.png)
![Portfolio snapshot](images/try.png)
ETF Portfolio Builder (Simple Setup) -
The Globe and Mail
-
React
-
Semantic UI
-
JavaScript
My work is featured on The Globe and Mail, a popular newspaper with investors from Canada! Check out the Markets, Personal Finance and Retirement tools that I developed in partnership with Wealthscope.
With hundreds of affordable Canadian ETFs covering all sectors, investors can create a complete investment portfolio using only ETFs. This tool is for newer investors looking to build an ETF Portfolio. The platform offers multiple customization choices tailored to individual preferences and ethical considerations, and provides the individual ETFs it selects according to your input.
Hint: click "Markets Tools" to view other financial tools developed with The Globe and Mail.
Technologies used: React, Semantic UI, JavaScript.
![Math-Magicians snapshot](images/math-magicians-screenshot.png)
Math
Magicians
-
React
-
HTML
-
CSS
-
JavaScript
![Portfolio snapshot](images/math-magicians-screenshot.png)
Math-Magicians
-
React
-
CSS
-
JavaScript
"Math magicians" is a website for all fans of mathematics.
It is a dark-themed Single Page App
(SPA) that allows users to make simple calculations, and read a random math-related quote. Created with
React.
![Studio Ghibli snapshot](images/studio_ghibli.png)
Studio Ghibli
Films
-
React
-
HTML
-
CSS
-
JavaScript
![Portfolio snapshot](images/studio_ghibli.png)
Studio Ghibli Films
-
React
-
CSS
-
JavaScript
A web application that uses the Studio Ghibli API to provide an index of their films and details so
you can choose your favorite to watch.
You can click on each card to get more details, and search by
any of the details provided by the app: title, director, producer, etc!
![Math-Magicians](images/weather-forecast.png)
Weather Forecast
App
-
React
-
HTML
-
CSS
-
JavaScript
![Portfolio snapshot](images/weather-forecast.png)
Weather Forecast App
-
React
-
CSS
-
JavaScript
A lovely Weather Forecast App that uses the Metaweather API and allows you to see the current weather
and the forecast for the week searching by city.
Created with React.js, Bootstrap and live data from
the Metaweather API.
![Astronomy Picture of the Day](images/apod.png)
Astronomy Picture
of the Day
-
HTML
-
CSS
-
JavaScript
![APOD snapshot](images/apod.png)
Astronomy Picture of the Day
-
HTML
-
CSS
-
JavaScript
This project uses NASA's APOD API to show you some amazing astronomy pictures and videos. You can
also access their explanation, comment and like your favorites, powered by Microverse's Involvement API!
Made with vanilla JavaScript, HTML and CSS. Created in collaboration with my colleague at Microverse,
@ibrohimrasulov.
![Space Travelers' Hub snapshot](images/space-travelers.png)
Space Travelers'
Hub
-
React
-
CSS
-
JavaScript
-
Bootstrap
![Space Travelers' Hub snapshot](images/space-travelers.png)
Space Travelers' Hub
-
React
-
Redux
-
Bootstrap
-
JavaScript
A web application for a company that provides commercial and scientific space travel services. This
application users to book rockets and join selected space missions. Following medium-fidelity wireframe.
Created using React, Redux, React Router, Bootstrap and live data from the SPACEX API.
About Me:
![Melanie Baratto](images/MelanieBarattoPic.jpeg)
I'm a Front-End Developer with extensive expertise in React/Redux and a love for clean code and UX/UI Design. Noted for my knack in architecting intuitive user interfaces and producing superior outcomes, I strive for code efficiency, effectiveness, and maintainability in every task I undertake. Challenge lover, team player, fast learner, and a natural multitasker. Fluent in multiple languages, frameworks, and technologies, and capable of ramping up quickly and efficiently. I have a proven track record of designing user-friendly interfaces and successfully implementing complex technical integrations.
![languages icon](images/languages-icon.png)
Languages
-
JavaScript
-
TypeScript
-
Python
-
HTML
-
CSS
![frameworks icon](images/frameworks-icon.png)
Frameworks
-
React
-
Redux
-
Bootstrap
-
Flutter
-
Semantic UI
-
SASS
![skills icon](images/skills-icon.png)
Skills
-
GitHub
-
Webpack
-
Jest
-
NPM/Yarn
-
Prompt Engineering
-
LangChain