National Park Explorer

React, Redux, Django, PostgreSQL, HTML, and CSS

Knowing the mental and physical benefits of getting outside, I wanted to develop a web app that would allow people to get inspired by America's national parks. This fully responsive full-stack web app consumes three REST APIs from the National Park Service, OpenWeatherMap, and Leaflet to display information and weather data about national parks in both list and map format. Parks can be searched for, sorted, and filtered by multiple criteria so users can find parks more relevant to their interests. Additionally, to make the app more personalized, users can also sign up for an account to save their favorite parks to their profile for future reference.

List Maker

React, HTML, and CSS

As someone who constantly makes lists—whether it's a to-do list, grocery list, or trip checklist—I wanted to build a web application for this purpose. The end result is a classic CRUD application for making checklists built with React, HTML, and CSS that allows users to sort and filter their lists based on desired criteria.

The greatest challenge I faced while building my first React project was learning how to properly update state variables using hooks. At times I struggled to understand why certain components were not re-rendering when I expected them to, but I learned a lot and gained confidence as I progressed through the project.