From a young age, I've always been passionate about education and effective
communication. My career
path has shifted
over the years, evolving from aspiring teacher to dedicated software engineer. But at the core, my
values have remained
the same: I'm all about enriching, educating, and connecting.
Before I dove into the exciting world of tech at Atlas School, I spent more than a
decade in
various customer
service roles. That experience fine-tuned some essential soft skills like leadership, adaptability,
time management,
and, perhaps most importantly, empathy. And now, I'm bringing those skills to the tech space.
I'm a self-motivated, detail-oriented individual with a strong commitment to lifelong
learning. I'm
seeking a position
where I can apply my skills and continue to grow as a developer.
When I'm not coding, you can find me sewing, on my pottery wheel, enjoying live music or
spending
time with my family and friends.
Volunteer: I connect with high school students, sharing my Atlas web development
journey, promoting creativity, and
highlighting the value of hands-on technology education.
Activities and Societies: Head Chair and Founding member of the Student Life
Committee at Atlas.
Feel free to reach out to me via email or LinkedIn. I look forward to hearing from you!
Tech Savvy:The Stack That Backs Me Up
Harnessing the power of HTML5, CSS3, and JavaScript, my projects are built on a solid foundation of web standards. With the
versatility of Node.js and React, coupled with the data
management prowess of SQL and MongoDB, I architect
full-stack applications that are robust and scalable. My toolbelt also includes
Docker, Git, and the agile collaboration of Notion—ensuring that my workflow is as
efficient as
it is effective. A leader and a team player, I weave these technologies into solutions that not only function
flawlessly
but also inspire and engage.
Source Code
Welcome to the gateway of my web development journey! My portfolio is organized into three distinct sections for your
convenience:
Source Code: Delve into the technical depths where my projects began. Here,
you'll discover links to GitHub repositories that house the full source code. It's an open invitation to browse, learn,
or even contribute your insights for improvement.
Video Demos: Prefer to see the magic in motion? The video demos offer a visual feast
of each project's highlights, showcasing the features and their functionalities in action. So, sit back, press play, and
take a peek into the window of my digital creations.
Live Sites: Craving hands-on interaction? Visit the 'Live Sites' tab where my
applications breathe and live. Test the waters, explore the interfaces, and experience the user journey. These live
demos provide a slice of the user experience, though some features may be in showcase mode.
Whether you're a fellow developer in search of inspiration, a potential employer on the lookout for talent, or simply a
web development enthusiast, I welcome you. I'm eager to share my work and hope you find it as informative as it is
exciting. If you're curious to know more or interested in a collaboration, don't hesitate to get in touch!
Designer language
The article can be found on my LinkedIn profile. Click the image to check it out!
Duration: 2 Weeks
In this project we have the challenge of refining the user experience for
Spotify's desktop application. This three-part UX project is a deep
dive into how we interact with music platforms and seeks to make those interactions
more intuitive, enjoyable, and
efficient.
Project Phases:
Research: Kicked off with an in-depth exploration into user habits,
preferences, and pain points. By employing a variety
of user research methodologies, I gathered insights that would shape the foundation
of our design strategy.
Prototyping: With Figma at my fingertips, I transformed research
insights into tangible prototypes. This phase was all
about iteration—designing, testing, and refining ideas to bridge the gap between
user needs and Spotify's offerings.
Validation: The final leg of the journey involved rigorous testing
of our prototypes. Feedback loops were crucial here,
allowing us to validate our designs against real user expectations and experiences.
Outcome and Insights:
This project was not just about redesigning; it was about rethinking how
users connect with music on Spotify's desktop
app. The insights gleaned have the potential to shape future updates, making the
platform not only more user-friendly
but also more engaging.
A comprehensive blog post detailing the journey, findings, and
reflections from this project is available on my LinkedIn
profile. Through this case study, I aim to share the value of thorough UX research
and design in creating meaningful
digital experiences.
Technologies and Tools Used: Figma for prototyping, alongside a
suite of user research methodologies to ensure our
designs were grounded in real user needs.
Velvet Willow
I collaborated with a partner to revamp 'The Velvet Willow,' a vintage furniture
rental
website. This project primarily utilized
HTML (47.7%), CSS (37.3%), and JavaScript (15.0%).
My
role included implementing
Firebase for enhanced
data
management,
creating a structured reviews.json file for seamless customer review
storage,
and applying my design skills for an inviting user experience.
The project is hosted on GitHub Pages, Click the link or image to check it out!
Video Demos
Welcome to the Video Demos section! Here, you can watch short video walkthroughs of my web development projects in
action. Each video showcases the key features and functionality of the project, giving you a clear understanding of how
it works and what it looks like. These demos are perfect for getting a quick overview of the project without having to
dive into the source code or set up the project locally.
Happy Little Galaxies
Duration: 2 Weeks
In a creative collaboration, my partner and I set out to develop a web
application inspired by the serene landscapes of
Bob Ross, but with a twist—integrating the infinite possibilities of space into each art
piece. This project not only
showcases digital art but also offers a unique interactive experience for users to
explore and engage with the gallery.
Project Highlights:
User Gateway: Crafted a secure login system, ensuring a safe and
personalized experience for every visitor.
Art Database: Managed a comprehensive collection of artwork using
PostgreSQL and
Firebase, allowing for efficient data
retrieval and storage.
Connective API: Built with Node.js and Express, this API is the
linchpin that seamlessly
links the backend storage to
the frontend display.
Interactive Frontend: Designed with React, our gallery invites users to
immerse
themselves in a visually rich and
responsive environment.
Efficient Browsing: Implemented pagination and caching strategies to
optimize the user
experience, ensuring smooth and
swift navigation through the gallery.
Technologies Utilized: React, Node.js, Express, PostgreSQL, Firebase.
Project
coordination and teamwork were facilitated
using Notion and Slack.
This project was a true partnership, combining our skills in coding, design,
and project management to create an
application that is as engaging as it is innovative. By blending the calmness of Bob
Ross's painting style with the
theme of space, we aimed to offer a new way for users to connect with art digitally.
The project repostory can be found on GitHub.
Atlas School Dashboard Concept: A Webpack and React Exploration
Duration: 2 Weeks
In an imaginative leap forward, I undertook a project designed to reimagine
the digital interface for my school,
transitioning from Holberton to its new identity as Atlas. This theoretical project was
split into two phases, focusing
on mastering Webpack for a React-based application and diving deep into the essentials
of React development. Above is a
snapshot of my journey
Phase 1: Webpack Configuration & Optimization
Modular Mastery: Designed a modular Webpack setup tailored for a React-based application,
streamlining the build process and setting a
robust foundation.
Performance Tuning: Leveraged advanced Webpack features like code splitting, image
optimization, and minification to enhance the
application's production efficiency.
Development Dynamics: Established a Webpack development server complete with hot reloading,
significantly improving the development workflow.
React Essentials: Developed a simple yet impactful JavaScript application using React,
diving deep into JSX, components, and essential
debugging tools.
Component Craftsmanship: Focused on building reusable components and adeptly managing state
to foster a seamless user experience.
Quality Assurance: Utilized Enzyme for meticulous component testing, ensuring the
application's robust functionality and reliability.
Atlas-Themed Innovation:
In a creative twist, I took the initiative to theme the dashboard around Atlas's recent
rebranding, moving beyond the
project's original Holberton scope. This not only demonstrated my ability to think outside the box but also
my
commitment to aligning with the school's evolving identity.
Holberton AirBnB Clone - The Console
Duration: 2 Weeks
In a comprehensive challenge at Holberton School, I embarked on an ambitious project to recreate
the functionality of a
widely-used vacation rental platform. The project, represents a deep dive into full-stack development,
starting with the foundational component—the console.
Project Highlights:
Command Interpreter Creation: Crafted a command interpreter in Python to manage the various
objects related to the platform, emulating the operations
of a typical shell environment.
Object-Oriented Design: Leveraged the power of object-oriented programming to build the
core functionalities, including serialization and
deserialization of data, and crafted a parent class BaseModel for inheritance.
Data Persistence: Engineered a storage system to handle data persistence, allowing for
object creation, retrieval, and destruction, along
with updating of attributes and storage of object instances.
Unit Testing: Employed rigorous testing strategies to validate all components of the
system, ensuring robust and reliable operation.
Technical Stack: Languages: Python
Systems: JSON serialization/deserialization, custom ORM.
Testing: Unittest module for Python.
Project Impact:
This project honed my skills in both front-end and back-end development, particularly in
understanding data management
and interface design. The inclusion of advanced tasks like reviews, more amenities, responsive design, and
accessibility
support further expanded my expertise and adaptation to real-world application scenarios.
Reflection:
My passion for this project was driven by the clarity of vision for the end product and the technical depth
it required.
It was an exercise in critical thinking, problem-solving, and application of programming fundamentals in
Python.
The project repostory can be found on GitHub.
Live Sites
Welcome to Live Sites, where my virtual blueprints come to life. This is your playground to interact with my web
applications in their natural habitat—the web. Experience firsthand the responsiveness, design, and user-friendly
features of each site. Dive in, click around, and see the polished, live versions of my work, where concept meets
execution.
Global Sky Mosaic
This weather app was a collaborative effort among three developers as part of
Atlas's Trimester 2 Hack Sprint. For this project, the tech stack was JavaScript
(37.9%), HTML (37.8%), and CSS (24.3%).
The app provides up-to-date weather information for various Atlas campuses globally,
sourcing data from the WeatherAPI.
I was responsible for integrating the API for real-time weather data retrieval,
contributing to the project's design, and ensuring a smooth user experience.
The project is hosted on GitHub
Pages, Click the link or image to check it out!
Resume
Here you'll find my resume, which highlights my professional experience, education, and technical
skills.
Feel free to download a copy for your records.
