about me

Proactive Front-End Developer

Hi, I'm AndrΓ©, a proactive and dedicated front-end developer with a strong drive of becoming Full-Stack. My background is a mix of graphic design, marketing, and intercultural communication. Thanks to this diverse experience, I love blending creativity with technical skills in every project I tackle.
Profile Image

Diverse Professional and Academic Experiences

I completed a 20-month long vocational course in Front-end Development + API Development in Medieinstitutet, where I gained expertise in TypeScript, Form Validation, Basic + JWT Authentications, API Development integrations with MySQL || MongoDB, Agile methodology, prototyping / wireframing and frameworks like React.js and Prisma plus a deep dive in Firebase as a BaaS platform. My education also included an extensive internship, providing a great practical experience in the industry.

Full-Stack Developer in the Making

I'm currently pursuing my full-stack development ambitions through a C# course with MalmΓΆ University. On top of that, I'm diving deeper into Node.js and its integration with OpenAI in my spare time. I'm also exploring cool tech like Docker, GraphQL, Nestjs, and Go, along with HTMX & Templ.
About Me Image

Work Experience with Rental Buddy

During my internship with Rental Buddy, I played a key role in the company's rebranding and international expansion efforts. I worked on integrating new fields between there admin app and their booking plugin app, embedding Google Customer Reviews, and developing an onboarding page for Igloo Lockers. I gained some real-life experience in project management using Agile methodology, with tools such as ClickUp, Slack, and GitLab. My role involved a very close collaboration with the product manager and backend team.

Graphic Design and Marketing Background

Before transitioning to front-end development, I worked as a graphic designer and marketing specialist. I have a Bachelor's degree in Marketing and a technical degree in Visual Communication. My experience in graphic design and marketing has given me a unique perspective on UI/UX.

Interests and Hobbies

In my free time besides just coding as a hobby, I enjoy drawing, illustration, tarot studies plus indulging in classic comics / graphic novels, retro games and animation, which continuously inspire my creative projects.

projects

BlogFlex

BlogFlex

Go
HTMX
Templ
Bootstrap
WYSIWYG HTML editor
Hasura
Graph QL
PostgreSQL
APIs

An interactive platform designed for bloggers and readers alike connected to multiple external services for enhanced content and offering a comprehensive set of features for managing and enjoying the content.

RetroPop

RetroPop

Next JS
React Query
Node
Chakra UI
Supabase
React Quill
HTML Parsing
Vercel
APIs

A hub dedicated to collectors of comic books. Connected to 3 different APIs dedicated to comics (Comic Vine, SuperHeros API & Marvel API), a ficcticious webshop for selling & buying used comics, a blog and a forum.

Inventory Management System (Full-Stack) πŸ’»πŸ“¦

Inventory Management System (Full-Stack) πŸ’»πŸ“¦

C#
ASP.NET Core
Entity Framework
Blazor
MySQL
Swagger
Azure App Service

A C# full-stack Inventory Management System with a Blazor-based frontend and ASP.NET Core API for managing products, categories, and suppliers.

Portfolio

Portfolio

Next JS
Tailwind CSS
Sass
Framer Motion
Supabase
APIs

My digital portfolio showcasing my development across various technologies and passion for coding. πŸš€

Pixie Pops Solid Start Full Stack Version

Pixie Pops Solid Start Full Stack Version

Solid Start JS
Prisma
Tailwind CSS
Motion One
APIs

My first project with Solid Start in order to learn it by converting my previous webshop done with mainly with Prisma, TypeScript, Tailwind as a Fullstack App.

FuNiT!

FuNiT!

React
TypeScript
MUI
Google Places API
Firebase
Algolia Search
Design

A web application that enables the sharing and discovery of child-friendly events in MalmΓΆ and Copenhagen. It uses Google Places API for address input and leverages Firebase for the main backend functionalities.

Kill The Virus!

Kill The Virus!

Socket.IO
TypeScript
Node
Prisma
MongoDB
Heroku

A real time two player fullstack game with a leaderboard that tests the reaction times of the players for clicking and killing a virus icon.

Hanger Management

Hanger Management

Firebase
Google Places API
React Custom Hooks
React Table
React Query
TypeScript

A food guide app that allows users to send suggestions of places to eat all around Sweden to be added by an admin user.It also allows users to filter places to eat based on the type / category of the estabilishment.

Pixie Pops

Pixie Pops

HTML
TypeScript
Prisma
MySQL

An online candy store connected to my own API that allows users to browse through and purchase all types of candies.

TMDB Movie Search

TMDB Movie Search

TypeScript
React Query
Axios
Sass
Framer Motion

A web application connected to 'The Movie Database API' that allows users to explore and to explore or discover movies based on the categories (Latest Movies, Coming Soon, Top Rated, etc...)

Starwars Encyclopedia

Starwars Encyclopedia

React Router
Axios
TypeScript

A SWAPI-based Star Wars encyclopedia that contains detailed information about the Star Wars universe from episodes 1 to 6, including movies synopsis, characters, species, planets, vehicles and starships.

projects I am working on now

Legends of Runestone RPG πŸͺ„βš”οΈπŸ›‘️

Legends of Runestone RPG πŸͺ„βš”οΈπŸ›‘️

- Fullstack RPG Game

In Progress (Improving battle mechanics, AI, UI/UX, and multiplayer features)

Svelte
C#
ASP.NET Core
MongoDB
socket.IO
Tailwind
DaisyUI
APIs

Legends of Runestone RPG is an immersive text-based RPG game with Svelte on the frontend and C# on the backend. Players create characters, engage in dice-based battles, and level up through strategy and chance. Future plans include advanced battle mechanics, enemy AI improvements, real-time multiplayer, and dynamic quests.

MindsMesh

MindsMesh

- Fullstack Platform for Digital Freelance Creatives

In Progress (Adding more features such as, chat, notifications, and more)

NestJS
React 19
socket.IO
JWT + Passport Authentication
shadcn/ui
APIs

My first project using NestJS to test out the new features of React 19 for an online platform designed for creatives, such as, tech enthusiasts, and developers to share their skills, offer lessons and learn from others.

Rider Waite Smith GoTTH Tarot Reader βš«πŸŒ™πŸŒƒ

Rider Waite Smith GoTTH Tarot Reader βš«πŸŒ™πŸŒƒ

In Progress (Adding more types of readings)

Golang
HTMX
Templ
Tailwind
PostgresSQL
APIs
Docker
Gin
Cloudinary
GORM

A full-featured tarot reading web application built with the GoTTH stack deployed with Docker, which integrates Golang for robust backend processing, Templ for lightweight templating, Tailwind CSS for responsive design, and HTMX for seamless front-end interactivity without heavy JavaScript frameworks.

Thot Tarot NextJS Reader πŸ§™β€β™‚οΈπŸ€˜

Thot Tarot NextJS Reader πŸ§™β€β™‚οΈπŸ€˜

In Progress (Adding more types of readings, correcting portuguese translation and adding english version)

NextJS
shadcn/ui
Framer Motion
Tailwind
Drizzle
PostgresSQL
Cloudinary
APIs

Another tarot reading web application with plans to offer multiple types of readings of Aleister Crowley and Frieda Harris's Thot Tarot deck. Built with Next.js, Shadcn/UI (reusable UI components) and Framer Motion. The backend is powered by Drizzle ORM, interface with a PostgresSQL database for data management and scalability.

tutorial & smaller projects

Flexibble

Flexibble

Next JS
NextAuth
React
TypeScript
Tailwind CSS
Hasura
GraphQL
PostgreSQL
Cloudinary

Flexibble is a full stack app and a simplified version and clone of Dribble, a social networking platform for digital designers.

Promptopia

Promptopia

Next JS
NextAuth
React
MongoDB
Node.js
Gmail Login

A full stack app for sharing AI prompts utilizing Next.js for the frontend and MongoDB for backend operations and authentication is managed via NextAuth with Gmail integration.

React Investment Calculator

React Investment Calculator

React
Vanilla JS
CSS

Basic investment calculator that allows users to input parameters such as initial investment, annual investment, expected rate of return, and investment duration to calculate and visualize the growth of their investments over time.

Docker User Management Application

Docker User Management Application

Next JS
Prisma
Express
PostgreSQL
Docker

An exploration of Docker for running a fullstack application that allows for creating, reading, updating, and deleting users. The database is PostgreSQL and Docker is used for containerization.

React Django CRUD Application

React Django CRUD Application

React
Django
Python
Django REST Framework
Tailwind CSS
SCSS

An exploration of integrating a React frontend with a Django/Python backend.

contact