Where Is Robbert?
Single-page web app to assist Digital Nomads with figuring out their next spot at campgrounds. Information provided will include Nearest City, Description of the location (do they have hot showers? Is it wheelchair accessible? Do they have RV hookups? Do they allow cats? Does the local ranger’s station have a strong WiFi signal?), and an image to represent the findings.
- Clone the repository: git clone
- Install dependencies: npm install
- Install Mongod
- Set up your environment variables
- Start the server: npm run develop
- MongoDB
To run this project locally, follow these steps:
- Clone the repository: git clone
- Install dependencies: npm install
- Install Mongod
- Set up your environment variables
- Start the server: npm run develop
- MongoDB
This project is licensed under the MIT License.
The project follows the MERN (Interactive MERN Stack Single-Page Application) for a structured repository:
- client/: Contain the public and source.
- source/: Static assets (CSS, images, etc.).
- server/: Contain the config, models, schemas and utils.
- config/: connection.js.
- models/: Campground, index and User.js
Environment Variables - Sensitive information, including API keys and database credentials, are stored as environment variables for security. We set up the files in the root directory with the following variables:
- DB_HOST=your-database-host
- DB_USER=your-database-username
- DB_PASS=your-database-password
- SESSION_SECRET=your-session-secret
- Go to Where's Robbert? page (Heroku deployment page)
- Create a User Account
- Go to the search box and input a location
- Click on the submit search button to see the search results
- Click on the reservation button to go to the outsource page
- Click on Save this Campground to add to See Your Campgrounds page
[Node.js] [Express.js] [React] [GraphQL] [MongoDB] [ODM] [National Park Service's API]
GIVEN that I have an internet signal in my current nomadic location,
WHEN I visit www.whereisrobbert.com,
THEN I find a search input box and options to sign up or log in;
WHEN I click on Sign up,
THEN I am invited to enter my username, email, and password;
WHEN I click on Login,
THEN I am invited to enter my username and password;
WHEN I enter a park name into the search bar,
THEN the app responds by providing a list of cards representing campgrounds in or near the park searched;
WHEN I look at the cards,
THEN I see that the cards display the name of the campground, an image, a URL, a description of the campground, a reservations page link, and the first listed fee for that campground.
WHEN I am also logged into the app,
THEN I will also find a button for Save Campground on each campground card.
[project page - Heroku] Where's Robbert? [GitHub page] Github Page
[Mini-Project: MERN] Mini-Project: MERN [Michael Seaman - Linkedin] Michael Seaman [API] National Park Service API
- Vinita Navani
- Laurel Kidd
- Tina Huang
- Audrey Laititia Kacoutie Veh
- Alicia Hermez