My Portfolio
Connection Engine
HACKATHON PROJECT
I took part in my third hackathon, the Code Institute's "Women In Tech" Hackathon in March 2025.
Our team created Connection Engine, a platform designed to empower and support women in tech through visibility, mentorship, and access to real-world open-source projects.
The site features dedicated sections for women developers, open-source maintainers, mentors, and sponsors — all working together in a shared space to create real opportunities.
Users can explore and apply for fully funded open-source projects, sign up to become a mentor or find one, and browse available sponsorship opportunities.
Maintainers can list their projects and match them with mentors or developers.
We also integrated a secure Stripe payment system for donations and sponsorships, complete with a success page and project visibility boosts.
The platform follows a retro design theme inspired by the 80s and 90s, with pixelated UI, custom illustrations, and vibrant color schemes.
All users can register under one of three roles: contributor, mentor, or maintainer and get access to unique tools and dashboards depending on their role.
Interactive UI elements, light/dark mode, and responsive design were key focuses in the UX.
I worked mainly on the backend of the project, where I implemented custom user types for contributors, mentors, and maintainers, as well as built the contact page functionality.
We had a fantastic team where everyone collaborated beautifully, supported each other, and shared a clear vision.
We are considering further developing the app after the hackathon.
I’m incredibly proud to say that we won the hackathon! 🏆
TECH STACK
Python / Django HTML CSS JavaScript Tailwind CSS DaisyUI Stripe Integration Agile Methodologies Responsive Web DesignLINKS
JuridiQ
Juridiq is a legal web application designed to help users create and manage legal cases, request legal advice, submit appeals, and access legal documents.
The platform was built from scratch using React for the frontend and Django REST Framework for the backend.
It provides a user-friendly interface with clearly structured flows for both private users and legal professionals.
The application includes features such as two-factor authentication (2FA), Stripe payments, document uploads, status tracking for cases, and secure account management.
Future updates will introduce more advanced functionalities, including document templates and automatic legal form generation.
NEON Tech is used as the production database, while SQLite3 is used in development.
Note: A more comprehensive README file, detailing the full features, setup instructions, and future plans for this application, will be created and added soon.
TECH STACK
JavaScript / ReactJS Python / Django REST Framework API Development Responsive Web Design React Bootstrap CSSLINKS
ForThe50
HACKATHON PROJECT
I took part in my second hackathon, the Code Institute's "Code to Protect" Hackathon in January 2025, as part of National Slavery and Human Trafficking Prevention Month.
We built a website aimed at raising awareness about modern slavery and human trafficking.
The site includes informative sections, interactive tools, and real-world resources to help educate and support users.
I was the Scrum Master for a fantastic team, where we collaborated effectively and supported each other throughout the project.
My main contributions were in HTML and CSS, while also gaining valuable insights on how to handle sensitive topics in tech projects.
It was an honour to be part of a team working on such an important and meaningful subject.
TECH STACK
HTML CSS Python Django JavaScript Agile Methodologies Bootstrap Responsive Web DesignLINKS
Nordic Company
Demo App
Welcome to the Demo Version of the Nordic Company Web Application!
This is a demo version created to allow anyone to explore and test the features of the Nordic Company application. While the real application will be exclusively used by the client, this demo provides full access to core functionalities, including admin capabilities.
Admin Login Credentials:
- Email:
admin@test.com - Password:
123
Admin Features:
- Create and manage services in three categories: Hair, Lashes, and Brows.
- Create bookings on behalf of customers.
- Set available time slots for users to book.
User Features:
- Register, update your profile, or delete your account.
- Book one or more services, with the total price and total work time automatically calculated.
- Bookings cannot be edited or canceled if less than 8 hours remain before the scheduled time.
This application was built using React for the frontend and Django REST Framework for the backend. The production environment uses NEON Tech databse, while SQLite3 is used during development.
I hope you enjoy exploring this application demo!Note: A more comprehensive README file, detailing the full features, setup instructions, and future plans for this application, will be created and added soon.
TECH STACK
JavaScript / ReactJS Python / Django REST Framework API Development Responsive Web Design React Bootstrap CSSLINKS
Nordic Company
Main App
Nordic Company is a salon website featuring a custom-built booking system
developed from
scratch using React for the frontend and
Django for the backend. It offers a
tailored booking experience to meet the client’s specific needs with seamless
integration for optimal user interaction.
The project logo, created in
Canva, was well-received and chosen as the client's official
company logo. Future plans include adding a shop per
client's request, which is planned but not yet started. NEON
Tech is used as
the database in production, while SQLite3 is used during
development.
Note: A more comprehensive README file, detailing the full features, setup instructions, and future plans for this application, will be created and added soon.
TECH STACK
JavaScript / ReactJS Python / Django REST Framework API Development Responsive Web Design React Bootstrap CSSLINKS
UTime
HACKATHON PROJECT
I took part in my first hackathon, the Code Institute's World
happiness Day Hackathon in March 2024.
We created a site where you can listen to calming sounds while sliding
between relaxing images. Play a game, or get some inpiration for the day
generated to you by quotes.
You can also share your mood with your friends and loved ones.
This was a great experience for me, as it was my first time coding in a team
and also my first time applying the agile method in a live team setting.
Despite not winning and my contributions being mostly in HTML and CSS, some
testing, and ReadMe documentation, this was a very educational experience.
TECH STACK
HTML CSS Agile Methodologies Bootstrap Responsive Web DesignLINKS
Melon Tasks
Melon Tasks is a full-stack social calendar application. It was built using a range of technologies including HTML, CSS, JavaScript, and Python. For the frontend, React was utilized to create an interactive user interface, complemented by React Bootstrap to ensure responsiveness. The backend is powered by Django REST Framework , which was used for API development.
TECH STACK
ReactJS Django REST Framework API Development Responsive Web Design JavaScript Agile Methodologies JSON Web Token (JWT) React Bootstrap HTML CSS PythonLINKS
Movie Base
A full stack movie database application, that fetches movies from TMDB API, where you can sign up, see trailers and read about movies. As a member you can also rate movies, and post reviews.
TECH STACK
Django Responsive Web Design JavaScript Agile Methodologies Bootstrap HTML CSS PythonLINKS
Crypto Converter
A simple crypto converter that converts Ethereum and GALA tokens to USD, EUR and SEK. Technologies used : HTML, Python, JavaScript.
TECH STACK
JavaScript HTML PythonLINKS
Quiz
This is a quiz, where you can put your coding knowledge to test, in a fun way. (beginner level)
TECH STACK
HTML CSS JavaScript Responsive Web DesignLINKS
Fine Cuts
This is my first project I ever made. It's a beauty salon website.