Back to My Work
React – Dictionary App
As part of my final project for the SheCodes Coding Bootcamp, I created a fully responsive dictionary application using React and Node.js. This project involved working with nested components, managing states, and integrating third-party libraries through the command line. I used the SheCodes Dictionary API to provide real-time word definitions, phonetics, and images.
You can view the open-source code on GitHub and explore the live version on Netlify. This app highlights my ability to build and deploy modern single-page applications (SPAs) using current frameworks and efficient tooling.
React – Weather App
In this project, I revisited a weather application I had originally built with vanilla JavaScript and reimagined it using React. This transition allowed me to apply a component-based structure, use state management, and integrate asynchronous API data more efficiently. I also incorporated Node.js and styled the interface with modular CSS.
Check out the source code on GitHub and the live app on Netlify. This project demonstrates my adaptability in working with different tech stacks and applying best practices in front-end architecture.
Responsive – Travel Webpage
This project focused on creating a mobile-first responsive travel website using Bootstrap, CSS media queries, and Google Maps integration. I applied the Bootstrap grid and Flexbox system to ensure optimal layout adjustments across desktop, tablet, and mobile devices. Users can explore curated content and interact with location features smoothly.
The code is available on GitHub, and the site is live on Netlify. This page highlights my understanding of responsive design principles and user experience optimization.
JavaScript – AI Poem Generator
I developed this creative app to generate poems using SheCodes’ AI API. Built with vanilla JavaScript, HTML, and CSS, the app dynamically fetches poetic responses based on user prompts. I optimized the UI to ensure smooth API interaction, clear loading states, and accurate outputs.
Explore the source code on GitHub and test the live version on Netlify. This project showcases my ability to blend front-end skills with natural language AI integration.
JavaScript – World Clock App
Built during the Advanced HTML program at SheCodes, this world clock application displays real-time data across multiple time zones. I used the Moment.js CDN to handle time formatting and implemented a dropdown menu to let users switch between cities dynamically.
The app is open-sourced on GitHub and live on Netlify. It demonstrates my ability to create interactive, real-time features using external libraries.
JavaScript – Weather App
This was one of my earliest web apps, created in the Advanced HTML module of SheCodes. The app includes a search function that allows users to check current weather conditions in any city using OpenWeatherMap’s API. I focused on organizing code for maintainability while styling the layout for clarity and responsiveness.
You can find the project on GitHub and view the live site on Netlify. It serves as a solid foundation for how I started learning API integration and dynamic content rendering.