Pollen Pal

Pollen Pal is a React application that allows users to see the current pollen forecast and the 5-day pollen forecast for Highlands Ranch, CO. Users can search by allergen and mold/pollen scale value to see if any forecasts meet their search criteria.

Features

• Search for pollen forecasts by mold/pollen scale value on the Current Pollen Forecast page
• Search for pollen forecasts by allergen and mold/pollen scale value on the 5-Day Pollen Forecast page
• Interpret pollen forecasts using the easy-to-read mold/pollen scale descriptions available on each page or by clicking the question mark under Data Explanation in the page footer.
• Responsive design across various devices and screen sizes

Technologies Used

• React
• React Router
• JavaScript
• Cypress
• HTML
• CSS
• Fetch API
• PropTypes

Installation Instructions

1. Clone the repository: git clone https://github.com/kiewi16/pollen-pal.git
2. cd into the dirctory
3. Install dependencies by running npm install
4. Start the development server by running npm start

Cypress Testing (application must be running)

1. Install dependencies by running npm install cypress --save-dev
2. Run npx cypress open
3. Click E2E testing
4. Click Start E2E Testing in Chrome

Deployed Project

https://pollen-pal.vercel.app/

Wins

• Seamless integration with two endpoints from the AccuWeather API
• Thorough E2E testing of user interactions using Cypress
• Implemented responsive design so the application can be used on on mobile, tablet, and desktop devices

Future Enhancements

• Implement functionality to search for pollen forecasts by location

Preview

Current Pollen Forecast

5-Day Pollen Forecast

Screenshots

Home Page

Current Pollen Forecast

5-Day Pollen Forecast

Responsive Design on Mobile Phone