PARK RANGERS
Group Full Stack Project
GithubSkills
HTML

CSS

JavaScript

Node.js

Express.js

PostgreSQL

Sequelize

Bootstrap

User story:
As a user, I want to explore my options for my upcoming trip. The information available to me on the internet is scattered and I don't know what to choose. I want a place to streamline my decision to choose national parks, lodging, and other recommendations based on location, dates of the trip, and activity preferences.
Project Timeline:
Front-end:
- HTML & CSS
- JavaScript
- Bootstrap elements
- Media queries
- Mobile responsiveness
Back-end:
- Node.js
- JavaScript
- PostgreSQL database (Supabase)
- RESTful API
- Express package
- ES6 Templating
- Form validation
- Full C.R.U.D. functionality
- Bcrypt user authentication & validation
Learning & Challenges:
- Some of the group struggled with GitHub in general, specifically with merge conflicts which significantly slowed down the progression of the project, and ultimately forced us to scale back on the initial (ambitious) list of "nice-to-have" items for the site.
- After the functionality was finalized on the back-end, styling took a while as well as achieving optimal mobile responsiveness to catch up on across all the pages.
Successes:
- The group's initial overall scope, vision, direction, task delegation, and communication were organized and clear.
- The group's ability to problem-solve (especially on functionality) was top-notch!
- The group's attention to detail, and willingness to "burn the midnight oil" to accomplish above and beyond the MVP was tremendous.
- The group was eager to help each other overcome challenges.
Future Additions:
- The profile page shows the user's general info (username, email, etc…) as well as a section for a history of the previous itineraries, and upcoming trips.
- The ability to rate your previous trips, and view other users' public itineraries, galleries, and ratings as well.
- The ability to add pictures from your trip to a private or public gallery.
- Include an "other activities" section to add to your itinerary including attractions, restaurants, sporting events, etc…
- Add a maps & directions tool.
- Adding an "alert" message when deleting items from the itinerary.
- Add a social element in the form of being able to visit and have visibility to other users' profiles.