About
"I’m passionate about all the benefits that technology can bring and solutions it can provide for life."
Software Engineer/Full Stack Developer
I am João Melo, a Brazilian with experience living in Portugal 🇵🇹 and the USA 🇺🇸.
I began my technology journey as a content editor for websites using CMS platforms like Sitecore, WordPress, and Wix. Later, I transitioned into a front-end developer role, specializing in editing websites directly using HTML, CSS, Bootstrap, and JavaScript libraries.
Throughout my professional growth, I advanced in the back-end and software engineering fields, developing secure login systems and database applications. Additionally, I created Python automation software to contribute to task optimization, offering services across the national territory.
Explore what I can offer by navigating to the Services tab.
Skills
Portfolio
Click on the buttons below to filter projects by stack
- Python
- JavaScript
Django Investing list:
Fullstack project for Investement Database.
In a project at Valtech, we developed a large-scale application for an international investment firm. This is a scaled-down version where I designed a Django app to manage client investment data, with an efficient PostgreSQL backend. I implemented a secure login system and styled the interfaces and front-end with Django and Crispy Bootstrap for a user-friendly experience.
Technologies used:
Price Scrapy to Excel to WhatsApp:
A Python-based solution for automated price scraping, profit calculation, and WhatsApp messaging.
Developed an automation solution for a tech e-commerce, optimizing supplier price quotations for maximum profit. The bot delivered key insights on profit margins, saved time, and could be scheduled for specific operations. Also sending all the info to whatsapp group by using Pyautogui.
Technologies used:
Django Price-Search:
Fullstack project for competitive price analysis.
In response to a local client’s need for a competitive price analysis system, I developed this project. The client, a paint materials store, required a robust system for web scraping and price comparison with a search tab feature. This system not only streamlined their business operations but also significantly boosted their market competitiveness.
Technologies used:
Telegram Bot for Financial Data Management:
Telegram bot integrated with Google Sheets.
Developed a bot to automate the process of recording financial transactions in Google Sheets, this bot simplifies personal finance management. It allows users to easily track income, expenses, and transfers, and request financial reports for specific periods.
Technologies used:
Linkedin Bot:
Automation of adding connections on LinkedIn.
I created an innovative solution because I saw a demand through acquaintances for employment, so I created a bot on Linkedin for connections to increase the relevance of the profile on the network and send personalized messages to recruiters and niche colleagues.
Technologies used:
E-commerce Application:
GraphQL API and React + Next.js.
Developed a comprehensive e-commerce application using GraphQL API and React+Next.js. The primary objective of the project was to create an application capable of managing products, allowing operations such as listing, filtering, and adding to the cart. The application was built with the best creation standards, including state management, componentization, responsiveness, usability, and accessibility. Code and commit standards were strictly followed, and end-to-end tests were conducted to ensure the robustness of the application.
Technologies used:
Fullstack CRUD - React.js + Typescript:
Fullstack Client Management System Project.
I developed a robust fullstack system using Node.js with Fastify for the backend and React with TypeScript for the frontend. The main goal of the project was to create an application capable of managing clients, allowing operations such as registration, listing, and deletion. In the backend, I implemented a REST API with Fastify that communicates with a MongoDB database, while on the frontend, I created an intuitive user interface to interact with the API and display client data.
Technologies used:
Instagram Data Extraction with JavaScript and Node:
Efficient Data Gathering and modulation to csv.
This project presents a method for scraping data from Instagram posts using JavaScript and Node.js, leveraging the powerful features of the browser console. It efficiently collects data from various posts and outputs a CSV file through categorized classes. The focus is to demonstrate the potential of data extraction and the value it brings to data analysis.
Technologies used:
Game "Battle of Monsters":
React, TypeScript, Redux & Material UI Fullstack Project
Battle of Monsters game created using React, TypeScript, Redux, and Material UI! In this project, I implemented a battle simulation system with dynamic monster selection powered by a local API, state management using Redux, and clean reusable React components styled with Material UI. The application includes battle logic to display results and random monster pairings, along with comprehensive testing using Jest and React Testing Library to ensure reliability.
Technologies used:
Frontend & Backend Integration with AI:
React + Express + Gemini AI
Explore how modern technology combines React 18, Vite, and Express.js to create a seamless integration between frontend and backend with AI-powered functionalities! 🌟 In this video, I showcase a school reinforcement platform designed to deliver personalized experiences using advanced AI integrations like Google Gemini.AI. Watch the video to see how React, Express, and AI can work together to enhance user interactions and learning experiences.
Technologies used:
React JS API structure:
Front-End Project for Postal Code Lookup.
I developed a structure using React JS to explore APIs, a skill that is highly applicable in various situations. For this particular project, I utilized an API to explore postal codes in Brazil. This involved creating a front-end structure using React JS, demonstrating the practical use of this popular JavaScript library in real-world applications
Technologies used:
Services
CMS Customization
Building easy-to-use content management systems for managing website control and e-commerce.
Python Development
Enhancing business operations with automated Python solutions for repetitive tasks.
Back-End Engineering
Developing complete web applications, from interactive pages to secure login systems Node.js & Django.
Data Solutions
Transforming raw data into clear, concise information. via automated processes collecting data from multiple sources for smarter strategies.