Elizabeth Bellingham

Front-end Developer, based in Baltimore, MD

Fiber Art App

Embarked on creating a single-page website that exemplifies the power of JavaScript in enhancing user interface and experience. This project showcased a feature allowing users to switch between 'Dark' and 'Light' modes, altering the theme of the page on the fly. I employed JavaScript to manipulate the DOM, dynamically changing the stylesheet properties to reflect the selected theme. The design, though fixed and non-responsive, was deliberately chosen to focus on the functionality aspect, demonstrating how client-side scripting can instantly transform the visual presentation of web content without altering the page layout. This straightforward yet impactful use of JavaScript underscores the potential for greater user customization preferences, contributing to more accessible and personally tailored web experiences.

Launch Fiber Art App

Weather App

In this self-directed project, I designed and built a streamlined weather application using HTML, JavaScript, and Bootstrap for a responsive user interface. By integrating the OpenWeatherMap API, the app allows users to input any city and instantly receive current weather details, including temperature, humidity, and wind direction. A unique feature includes the ability to toggle between Celsius and Fahrenheit temperature readings, catering to a global audience. The application enhances user engagement by offering an extended forecast section, complete with visual representations of upcoming weather conditions and precise temperature statistics. My role encompassed full-stack development, from connecting and retrieving data from the OpenWeatherMap API using intricate JavaScript and string operations to employing Bootstrap for intuitive design components.

Launch Weather App

World Clock App

I developed a real-time world clock web application, utilizing the Moment.js library to handle date and time functions seamlessly. This application features a live display of hours, minutes, seconds, and even milliseconds, updating dynamically to reflect real-time changes. One of the key functionalities includes a user-interactive dropdown box, listing various cities globally. Users can select a city to view its current local time, enhancing the application's interactivity and utility. Upon selection, the application adapts to display only the chosen city's time. I incorporated a dedicated button to navigate users back to the universal display, ensuring a user-friendly experience. The project stands out for its precision timing, user-centric design, and efficient handling of time zones, offering a convenient solution for users needing accurate time information across different global locations.

Launch World Clock App

Navigatrix

Navigatrix serves as a digital platform where creativity intertwines with advanced coding skills, all manifested through a vibrant and user-centric interface. Engineered using Bootstrap, the site exemplifies responsive design and accessibility, hallmarks of modern front-end development. From the immersive 'Home' page to the interactive 'Community' space, each segment is a testament to proficient design meeting intuitive functionality. The 'Notebooks' section, a highlight of the site, presents a compelling grid layout, skillfully implemented to showcase a portfolio of creative works, each reflecting a harmony of artistic design and structured coding. The 'About Me' page further personalizes the experience, weaving in the narrative of the creator's journey. Overall, Navigatrix stands as a beacon of front-end excellence, embodying a seamless marriage of aesthetic vision and technical expertise, appealing to both the end-user and fellow developers.

Launch Navigatrix

Tour Baltimore

Embark on a virtual journey with "Tour Baltimore," a sleek, user-friendly travel page designed to captivate and inform. Upon arrival, visitors are greeted by a striking header, boasting a vivid background image of Baltimore's unique skyline, enhanced by a gradient overlay that beautifully frames the welcoming note. This responsive page adapts elegantly to any device, offering an uninterrupted experience. Interactive elements, including embedded Google Maps, provide the user navigation, while Instagram integrations offer a window into the city's lively atmosphere. The informative footer is far more than a sign-off; it's a hub containing valuable travel insights, a snippet about me, and a direct passageway to the project's GitHub repository, encouraging open engagement and collaboration. "Tour Baltimore" combines aesthetic appeal with functionality, serving as a comprehensive digital guide to the city's myriad attractions.

Launch Travel Page