This is my Front-End capstone project designed to test my skills learned over the last 6-months of evening classes as Nashville Software School (NSS).
This is a site that can be used to search for any Role-Playng Games that are in search of additional players. You as a DM have the ability to enter your campaign that will show up in searches in and around your area.
- Use create-react-app to start a new react project
- Leverage Github projects for task tracking
- Add Google Authentication via Firebase
- When a user is not logged in they should see a NavBar with a login button
- When a user is logged in they should see the navbar with a logout button and the mockup layout
- Users should be able to search from the home page and if there are any campaigns within 35 Miles of the selected address you shoudl see a list of them on the left and markers on the map.
- Users shuould be able to Create, Read, Update, & Delete their own campaigns
- Firebase Account - (https://firebase.google.com/)
- Bing Maps Key - (https://www.bingmapsportal.com/)
- Mapbox Key - (https://www.mapbox.com/)
- Windows Users may need to install win-node-env globally or as optional dependency to the project
npm install -g win-node-envnpm install --save-optional win-node-env
- Use the
/src/helpers/apiKeys.js.exampleenter your API Key information and rename toapiKeys.js
- Setup Firebase
- Create a project
- Enable Google Authentication - Before you Begin Section
- Create a Firebase Realtime Database (Not Firestore)
- Import the
Seeddata located in the/db/folder- Import
!baseto setup the collections - Import
campaigns.json,markers.json, andusers.jsonin their respective collection
- Import
- Create Index in Rules (Look at /db/firebaseRules.json)
- Clone the repo
- Browse to the repo directory in your terminal
- Type
npm installto install dependencies - Type
npm startto run the project at http://localhost:3000