I’m currently working on a new project with TripleTen, where I’m building a weather app that integrates a weather API to fetch real-time data. This project showcases my ability to use React and JSX to create dynamic and responsive user interfaces.
So far, the app displays the current date and temperature, and it’s interactive too—the header image updates based on the weather conditions, and the displayed cards adapt to match the current weather to give you recommendations on what to wear based on the weather conditions. It’s been exciting to see it all come together, and I’ve been enjoying working with React and JSX. I am currently still working on making it more responsive to mobile devices but so far I’m proud of my progress. (click image to visit site)
“Around the U.S.” is a responsive web application that allows users to create and manage a personal gallery of notable U.S. locations. The app features functionality for editing profile details, uploading images, and dynamically updating content through API integration. Built using semantic HTML5, CSS Grid, and JavaScript, the project follows the BEM methodology for a clean and maintainable code structure. Modern tools like npm and Webpack were used for efficient dependency management and modular development. This project highlights my skills in front-end development, responsive design, and building interactive web applications with a focus on usability and performance. (click image to visit site)
“Triple Espresso” is a responsive website for a fictional coffee shop, designed using HTML and CSS. The website features a clean and modern layout with a focus on user experience. I utilized CSS Grid to create a flexible, responsive design that adapts seamlessly across different devices. To enhance the user interface, I incorporated CSS animations for smooth transitions and interactive elements. This project highlights my ability to create visually appealing, responsive websites using fundamental front-end technologies, with an emphasis on clean design and engaging user interactions. (click image to visit site)