About
While I'm focused on Front-End, I also want to understand the big picture. I see IT as a big puzzle without borders.
Therefore, I build my own puzzle, piece by piece, gaining insights into backend, deployment, cloud, testing, UI Design... Learning this helps me see the full project.
The funny thing about IT is that each one of us builds their own puzzle, spreading the knowledge between team members, making teamwork and communication crucial.
I'm a team player, and love watching a product grow through team collaborations!
Long version
Soft Skills
- Resourcefulness
- Collaboration
- Problem-Solving
- Organizational
- Take Ownership
- Time Management
Hard Skills
- HTML
- CSS
- TailwindCSS
- Module CSS
- JavaScript
- React
- Redux
- Node.js
- Express
- PostgreSQL
- MongoDB
- Rest API
- Render
- VS Code
- Azure
- Postman
- Git
Solo Projects
Portfolio
This is my third portfolio, and it reflects the journey of learning and the evolution of my skills.
- HTML
- ModulesCSS
- TypeScript
- Next.js
- Vercel
ExploreNations
Responsive website presenting data using cards and tables.
- HTML
- CSS
- JavaScript
- Next.js
- Mui Library
- Vercel
To Do App
Responsive web app with a login form for managing your own list of tasks. I built both the backend and the frontend.
- Node.js
- Express
- Rest API
- Mongoose
- MongoDB
- JWT
- Jest
- SuperTest
- HTML
- CSS
- JavaScript
- React
- React router
- React hot toast
- Material UI
- Render
Make-Up & Hair Artist
Portfolio for a fictional make-up & hair artist. On the homepage, it uses a parallax effect. On the Bridal and Fashion page, a grid was used to structure the presentation of photos.
- HTML
- CSS
- JavaScript
- Next.js
- Tailwindcss
- Vercel
Project House Listing
My first project using Vue.js (composition API). It is a house listing website allowing you to search, add, update, delete houses.
- HTML
- CSS
- JavaScript
- Vue
- Pinia
- Router
Zin in sommen?
Personal project made to help my 7-year-old daughter learn mathematics.
- HTML
- Tailwindcss
- JavaScript
- React
- Netlify
Treenation API
Consumes Treenation API to present projects available for funding. API calls are stored in Redux store and results are used through the app to display the data.
- HTML
- CSS
- TypeScript
- React
- Redux Toolkit
- React Router
- Recharts
- styled-components
- Render
Group Projects
Despiensa
Thanks to the community The Collab Lab, I get the opportunity to work on a group project, supported with a team of mentors. We practice pair-programming, learn best practices for PR and reviews and get feedbacks on our code. While the project is officialy finished, we are still improving Despiensa piece by piece.
- HTML
- TailwindCSS
- Javascript
- React
- React Router
- FireBase
- Code Review
- Team Work
- Pair-programming
Task Zen
During a Chingu Voyage, our team created Task Zen: a collaborative daily task app with weekly/monthly recurrence. I contributed on the design (Figma), the backend authentication, and frontend parts as well.
- Figma
- HTML
- TailwindCSS
- Javascript
- React
- React Router
- Context
- Node.js
- Express
- JWT
- Mongoose
- Mongo DB
- Code Review
- Team Work
Zest
Zest is the result of teamwork during a 'Voyage' organized by the tech community Chingu. Our team built a web app that lets users find and sort recipes. More than technical skills, here what mattered the most was communicating, aligning with each other, and before coding already thinking how your part will integrate with the code of your teammates.
- HTML
- CSS Modules
- Javascript
- React
- React Router
- Redux
- Vite
- Code Review
- Team Work