NATIONAL PARKS BUCKET LIST

https://nationalparksbucketlist.netlify.app/

About

National Parks Bucket List is an app using NPS Data API. This app allows user to explore all National Parks in US, mark them as visited, add them to personal bucket list, create text notes, see location on a map. This app doesn't try to solve any existing issue, it just had a simple purpose - inspire user for a next roadtrip and focus on clean UI.

Learning goals

This is a is a solo project built over the course of 6 days. The goal for this project was to learn Redux from scratch and incorporate it into the application.

Built with

• React Redux
• React Router
• Fetch API
• Lodash
• Sass
• Jest
• React Testing Library

User story

User should be able to

Login by entering name, email and valid US state code ( upper or lowe case ). See loading page when fetching NP data.

See error page if there is issue from server side.

See all National Parks in selected state.

Select any National Park from the list.

See National Park Info, official website link, google map with all National Parks in that state.

Select any park on a map.

Add any park to bucket list and select bucket list on a menu. See message if list is empty.

Mark any park as visited and select visited list on a navigagion. See message if list is empty.

Search by park name. See message if nothing is found.

Change original or add another state. All parks that have notes, are marked as visited or are in the bucket list - persist.

Open full screen map by clicking map on a menu. See all National Parks in selected state and be able to click on any of the tags

Open user page. See name, email and how many parks are inside bucket list and how many are visited. Be able to logout

Setup

1. clone down this repo to desired location
2. cd into the new directory
3. run npm install
4. run npm start
5. Open localhost:3000 in your favorite browser (unless your terminal says otherwise)

Contributors

• Edita Ignot