Greater Bay Area Movie Theater App

pllearns commented 8 years ago

Description

Create a web app that connects to Google Maps, with a search bar that looks specifically for movie theaters in the Bay Area. Use HTML, CSS, Javascript, JQuery, and you may also implement databases or other libraries to help you gather the information for these theaters. The information that will be collected and displayed to the user should include, film showtimes, reviews, theater reviews (i.e. customer service, environment, the behavior of other patrons, etc).

You should still write the code for the site, including creating the space for the plugins and you must be able to explain all of your choices for third party software.

Do not publish this site, just use the html index for us to access for review at the end of the cycle.

Context

As a user, when I visit a page about movie theaters, I want a clean and simple interface, a way to save my favorite theater, my payment info, and my preferred genre. Create a site that allows that, and does so with a map interface, when the page loads up though, the user wants nothing more than a postal code, so that they can begin as simply as possible.

Creating an interactive web app that accesses large databases for your specific website use is a great way to understand the concept of full stack development, since you will definitely need to access the skills on multiple languages and frameworks. This project in particular would help the end user with accessing information about new release films, which has become a popular pastime.

Feel free to use frameworks and other libraries, but do not copy-paste, it is crucial that in typing the code out allows you to continually read and discover how the code works. The exception would be for plug-ins or pathways to accessing large datasets.

As you code your site, you will likely encounter scenarios that you may not have expected, which is fine, it only means that you given more opportunities to problem-solve!

Specifications

[ ] When the site loads up, I want a map to appear and a way where I just enter my zip code and then the map automatically transports me to the theaters closest to me.
[ ] When I click on a theater location, I just want a theater photo, information, customer rating (for the theater), price rating ($ - $$$$), and a button to click through to current showtimes.
[ ] I want a service that saves credit card info, preferred theater, and preferred film genre.
[ ] Please make sure everything loads for me, thanks!
[ ] If you use any frameworks or code libraries, please cite them and/or explain how you implemented them in a gitbook, or on your README.
[ ] Bonus: Optimize for Mobile.
Required

Do not remove these specs - they are required for all goals.

[ ] The artifact produced is properly licensed, preferably with the MIT license.

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

pllearns commented 8 years ago

@GuildCrafts/oakland Could one of the professional players (and one of my fellow learners) take a look and help me flesh out this goal. I don't know how far or not far enough this goal is in respect to the stretch zone?

jaredatron commented 8 years ago

When the site loads up, a map should appear and a user prompt for a zip code.

As a User
When I visit the homepage
I should be able to give my postal code
And then I should see a list and map of movie theaters near me in order of shortest distance first

jaredatron commented 8 years ago

I'd love to re-write all these specs as user stories but otherwise this looks like a fun project.

you're awesome!

shereefb commented 8 years ago

Consider stripe for cc info

phoniks commented 8 years ago

I'd like if you could search by movie, and it would show a map with theaters that are showing that movie. When you hover over the theater's icon on the map it should show show times.

tannerwelsh commented 8 years ago

Looks great @phoniks!

One suggested edit: the first paragraph of "Context" (starting with "As a user, when I visit a page about movie theaters,") belongs in the Description. The description describes the product and why it solves a user's need, whereas the context tells another learner why working on this goal will help them learn.

harmanTheCarMan commented 8 years ago

@pllearns I enjoyed working on this project. There were a lot of components and technologies that were combined to be able to access an api which was used to display all of the information you wanted displayed :) I would definitely reccomend for people wanting to learn about using web scraping/showtimes api, maps api, bootstrap, node js, using a server, terminal commands to make your server run, etc.

This project was a stretch during only the second week of the program.

Accuracy of Toughness: 9 Furthering towards Full Stack Engineer: 10 Reccomend: 9

tannerwelsh commented 7 years ago

Moved into draft because missing a quality rubric. @pllearns do you mind adding one? (feel free to borrow from other goals)

GuildCrafts / web-development-js