Hey there!
I'm Lena, a Web Developer from
Germany with a background in physics.
I'm passionate about using technology to tackle environmental challenges
and create a positive impact on society.
Curious by nature and open-minded at heart, I'm always looking to learn and grow—whether
through a new project, the next adventure or an inspiring conversation.
When I'm not in front of my computer, you'll find me outdoors!
About
Who I am
My Background
My path into tech began with my studies in physics, where I developed an
appreciation for complex
systems and sharpened my analytical mindset through coding in Python. Physics
taught me to stay curious
and tackle challenges with resilience, which are skills that prove powerful in
web development
on a daily basis.
In addition, experiences in tutoring, social media management, and international STEM outreach
have strengthened my communication, creativity, and
adaptability. These qualities complement my
technical skills and help help me encourage team exchange while contributing to a positive and
collaborative work environment.
Why I became a Developer
Transitioning into web development has been an exciting step, as it allows me to combine my
passion for creativity and hands-on work with my admiration for logic and
structure.
I'm driven to contribute to projects that promote sustainability,
environmental awareness, and social justice.
For me, web development is a powerful way to engage people, share knowledge, and
support positive change.
While I work well independently, I truly thrive in collaborative environments where we can
support and encourage each other. I value empathy and a positive working
culture, as I believe they're
key to creating meaningful work.
By staying curious and open to new ideas, I
aim to create
digital experiences that inspire a better tomorrow.
Projects
My Work
Lumora
A progressive web application that enables users to write journal entries online, track their self-care progress, and access their data seamlessly across multiple devices.
- React
- TypeScript
- Redux Toolkit
- Tailwind CSS
- shadcn/ui
- Firebase
- Vite
- Node.js
See live demo
Lumora - Project Overview
Lumora is a progressive web application, responsively designed for both mobile and desktop, and built with React, TypeScript, and Redux Toolkit. It enables users to write and manage journal entries online with ease across multiple devices. Users can create personal accounts, track their self-care journey through a journaling streak, and receive a new daily affirmation. Firebase handles user authentication, database storage, and hosting, ensuring a secure and reliable experience.
Features:
- Login / Signup: Users are able to login or signup with their personal account.
- Dashboard: Overview with daily affirmation, journaling streak, past journal entries and favorite affirmations.
- Journal entries: Users can view, edit and delete their past journal entries.
- Favorite affirmations: Users can see a list of their favorite affirmations and remove them from favorites.
- Account: Users are able to view and update their account data or delete their account entirely.
Technologies:
- React
- TypeScript
- Redux Toolkit
- Tailwind CSS
- shadcn/ui
- Node.js
- Vite
- Firebase Authentication
- Firebase Firestore
- Firebase Hosting
MovieMate
A full-stack web application that allows users to discover movies, create favorite lists, and create and manage profiles.
- React
- JavaScript
- Node.js
- Express
- MongoDB
- Postman
- Render
- Netlify
See live demo
MovieMate - Project Overview
MovieMate is a full-stack web application, built using the MERN stack (MongoDB, Express, React, Node.js). The movie app allows users to explore information about various movies, create a list of favorite movies, and manage their profiles.
Features:
- Login / Signup View: Users are able to login or signup with their personal account.
- Movie View: All movies from the database are shown with an image, title and description.
- Signle Movie View: Details to each movies can be accessed including genre description, director biography, actors, rating, ...
- Profile View: Users can see and manage their list of favorite movies, update their user data or delete their account.
Technologies:
- JavaScript
- Node.js
- Express
- MongoDB
- Mongoose
- JWT authentication
- RESTful API
- Postman
- Render
- JSDoc
- React
- React Bootstrap
- Parcel
- Netlify
MyFlix
A single-page movie app built with Angular, featuring responsive design with Angular-Material, powered by the MovieMate backend.
- TypeScript
- Angular
- Angular-Material
- Express
- MongoDB
- Postman
- Render
- Netlify
See live demo
MyFlix - Project Overview
MyFlix is a single-page movie app built with Angular CLI, offering users an interactive platform to explore movie details, directors, and genres, by utilizing the backend of the MovieMate app. This project features a responsive UI designed with Angular-Material and includes comprehensive documentation created using TypeDoc.
Features:
- Login / Signup View: Users are able to login or signup with their personal account.
- Movie View: All movies from the database are shown with an image, title and description.
- Signle Movie View: Details to each movies can be accessed including genre description, director biography, actors, rating, ...
- Profile View: Users can see and manage their list of favorite movies, update their user data or delete their account.
Technologies:
- TypeScript
- Angular
- Angular-Material
- TypeDoc
Eventory
A serverless progressive web app that helps users explore events across cities with data visuaization and offline functionality.
- React
- Recharts
- AWS Lambda
- Service Workers
- Test-driven Development
- Jest
- Cucumber
- Puppeteer
- Atatus
See live demo
Eventory - Project Overview
Eventory is a serverless progressive web application built with React, developed using a test-driven development approach. The Google Calendar API is utilized to display upcoming events in various cities, offering offline functionality, data visualization, and a responsive, cross-platform user experience.
Features:
- Authentication: Users authentication via Google Calendar API and OAuth2 authentication flow.
- Filter Events by City: Users can search for events in specific cities and show/hide event details as needed.
- Event Limitation: Specify the number of events displayed to suit user preferences.
- Data visualization: Interactive charts provide insights into event genres and locations.
- Offline Functionality: The app works offline or in slow network conditions using local storage and a service worker.
- App Installation: Users can add the app to their home screen on mobile or install it on desktop.
- Offline monitoring tool: Integrated with Atatus for monitoring and optimizing app performance.
Technologies:
- React
- Recharts
- AWS Lambda
- Service Workers
- Test-Driven Development (TDD)
- Jest
- Cucumber
- Puppeteer
- Atatus
ChatterBox
A mobile chat app built with React Native and Expo, enabling real-time messaging, image sharing, and location sending.
- React Native
- Expo
- Gifted Chat
- Firebase Firestore
- Firebase Cloud Storage
- Google Firebase Authentication
- Xcode Simulator
See live demo
ChatterBox - Project Overview
ChatterBox is a mobile chat app built with React Native and Expo, allowing users to exchange messages, share images, and send their location in real-time. The app integrates Firebase for anonymous authentication, real-time data storage, and offline message access to ensure a seamless chatting experience.
Features:
- User Customiszation: Users can enter their name and choose a background color for their chat screen before starting a conversation.
- Messaging Interface: The app provides a chat interface with an input field and send button for exchanging messages.
- Media Sharing: Users can send images directly from their device's gallery or take photos with the device's camera.
- Location Sharing: Real-time location sharing is supported, displayed in the chat as a map view.
- Offline Functionality: Conversations are stored both locally and online to ensure functionality even when offline.
Technologies:
- React Native
- Expo
- Gifted Chat
- Firebase Firestore
- Firebase Cloud Storage
- Google Firebase Authentication
- Xcode Simulator
Pokédex
An interactive JavaScript web application that showcases a list of Pokémon using data from an external API, styled with Bootstrap.
- HTML
- CSS
- JavaScript
- Bootstrap
- Pokédex API
See live demo
Pokédex - Project Overview
Pokédex is an interactive JavaScript web application that that allows users to explore a list of Pokémon fetched from an external API. The app features a responsive design styled with Bootstrap, ensuring a seamless experience across all devices. Users can view detailed information about each Pokémon, including its type, dimensions, and abilities.
Features:
- Pokémon List: Browse a complete list of Pokémon in the main view, each displayed with an image and its name.
- Pokémon Details: Click on a Pokémon to open an interactive modal showing detailed information, including its type and other attributes.
- Search Functionality: Use the search field in the header to find Pokémon by name effortlessly.
Technologies:
- HTML
- CSS
- JavaScript
- Bootstrap
- Pokédex API
Rock Paper Scissors
Play the classic Rock Paper Scissors game against the computer with dynamic visuals and real-time score tracking.
- HTML
- CSS
- JavaScript
See live demo
Rock Paper Scissors - Project Overview
Rock Paper Scissors is an interactive JavaScript web application that lets users play the classic Rock Paper Scissors game against the computer, featuring dynamic visuals and real-time score tracking.
Features:
- Choose your Move: Players can pick Rock, Paper, or Scissors to compete against the computer.
- Live Score Tracking: The score updates in real-time for both the player and the computer.
- Winning Condition: The game ends when either the player or the computer reaches 5 points, with engaging animations and dynamic sound effects to celebrate the result.
Technologies:
- HTML
- CSS
- JavaScript
Toolkit
Technical Skills
Languages
- HTML
- CSS
- JavaScript
- TypeScript
- Python
Libraries & Frameworks
- React
- Redux Toolkit
- Recharts
- Angular
- Angular-Material
- Bootstrap
- jQuery
- React Native
- Expo
- Tailwind CSS
- shadcn/ui
Backend & Databases
- RESTful APIs
- NodeJS
- Express
- MongoDB
- PostgreSQL
- Firebase
- AWS cloud computing
- Render
- Netlify
Testing & Documenting
- Postman
- Jest
- Cucumber
- Puppeteer
- JSDoc
- TypeDoc
- Chrome Dev Tools
- Xcode Simulator
- Atatus
Tools & Workflow
- Git
- GitHub
- Trello
- Ora
- Figma
- Canva
- VS Code
- SCRUM
- Agile
- User Stories
Contact
Let's Talk
Contact information
Pop me a message if you are interestedin working together or just want to say hi!
lenac.webdev@gmail.com
