Link to Bar Crawl
Trello Board
Bar Crawl is an event planning app. You can use Bar Crawl to plan a night out with friends and make a plan for what bars you want to hit as you bar hop. All of your events are stored in one place and you can directly add friends to an event.
- Javascript
- React.js
- React Router
- Express.js
- Axios
- Token Authentication
- HTML
- CSS
Once you have cloned the files, please use, 'npm install' to install all the dependencies.
You may require API keys for Google Places, Google Geolocation, and FourSquare. If you don't have them already, please sign up for an API key using the links provided.
As a user I want to be able to be able to search for bars near a given location. As a user I want to be able to create an event at a bar. As a user I want to be able to add other user's to my event. As a user, I want to click a button to delete, so I can delete an event from my list. As a user I want to be able to edit my events to update information. As a user, I want to click an event card, so I can display in depth single view page for that event.
As a front end dev, I want to render a bar page with in depth information about a single bar. As a front end dev, I want to render a singular in-depth event page so I can display all the saved information about an event. As a front end dev, I want to render a landing page with login functionality. As a front end dev, I want to create a single event card so I can display basic information about my event. As a front end dev, I want to render multiple event cards so I can display a basic newsfeed for a user. As a front end dev, I want to render a delete button so I can allow the user to delete saved events. As a front end dev, I want to render a nav bar with links to different pages in the app. As a front end dev, I want to style the app for aesthetic. As a front end dev, I want to render a bar page with in depth information about a single bar. As a front end dev, I want to render a singular in-depth event page so I can display all the saved information about an event.
As a back end dev, I want to have login functionality using token auth. As a back end dev, I want to call google place, so I can populate a list of address options. As a back end dev, I want to post my DB, so I can save an event. As a back end dev, I want to delete from my DB, so I can remove a saved event. As a back end dev, I want to be able to update my DB, so I can edit events. As a back end dev, I want to call the foursquare API, so I can search nearby bars.
Once we figured out what we wanted to build, we mapped out what we needed to be done first before tackling the features we want to add. We first built the express servers and databases that we needed. Once the back-end server and our API keys were working as intended, we started on the front-end using React. We mapped out every component we may need for the MVP.
After hitting the MVP, We came up with other features that may be useful to the user.
We initially had problems with the token authentication. Thanks to Jackie!!, We were able to solve the error that had. We also an issue with Redirect, where the app would not redirect to the specific page after a click event.