National Parks

All things National Parks in one place!

* a full-stack group learning project *

Requirements were:

1. Support CRUD operations on 1, or more, features
2. Implement one or more 1 -> ∞ relationships, and one or more ∞ -> ∞ relationships.
3. At least one creation form must have a dropdown/radio button group/checkbox group to attached related resources to it.
4. One of the lists of resources must implement a filtering mechanism in the UI. The filtering must happen at the server, not in the client.
5. Login and register must be implemented to track data for multiple users.
6. Users should only be able to edit/delete their own data.

Our team of five spent two days creating the concept, wireframe, ERD and gathering/creating seed data and models

Planning ERD & Wireframe on miro

Two Agile scrum sprints were completed, during which the project client and server were built:

• Week 1 concluded with a client exceeding our MVP requirements and a server built in python and SQL queries
• Week 2 (client side) concluded with a further updated client with improved styling and a near-fully responsive layout
• Week 2 (server side) rebuilding the server to utilize Django REST framework instead of pure python/SQL

We were given leeway to develop our own project management and ticketing strategies, which was perhaps the toughest part of the project 😅

Project Overview

National Parks is a responsive web application intended to allow park visitors to have one place with all the resources and information about US national parks. Users should be able to view and/or interact with a variety of park information and create and view public blog posts. The front end is coded with React18 and ES6, styled with Bootstrap and CSS.

Feature Highlights

Switch between map and card views for national parks:

View details about specific parks like location, history, wildlife and amenities:

View, create and favorite blogs about each park then update or delete personal blogs:

View, add, favorite and register for park events:

(Staff can modify and delete events)

View all favorites on one page:

Responsive design:

Installation

Follow the steps below to download and run this project on your computer

• Server is required for full functionality. View server repo here
• Clone this repo
• From repo directory, run "npm install react"
• Run something about leaflet and another thing and bootstrap maybe
• Run "npm start"

Tech Stack

Credits & Acknowledgements

Hazel Preza	John Doll	Maia Dutta	Shaina Couch	Vanessa Spear
Reusable Photo carousel, wireframing, CSS styling	Search & filter functions	Amenities list & Campground photos	Blogs page	Parks list component
Favoriting, favorite button	Blog editing and deleting	Bootstrap incorporation and CSS refactoring	Responsive calendar component on the events page	Parks map component
User Hub	Contributor to Events CRUD functions	Login & Registration modals	Campgrounds entries	Reviewed pull requests and performed code reviews
Individual Park Page	README	Navigation Bar