Front End Capstone NSS Cohort 22. Application for helping organize movie collection by format
- Use Git to Clone the repo to the desired location on your local drive
- You will need to change into the codex directory and create a folder called lib
- change into the lib folder you just created
- type "npm install" to install all needed dependancies
- Codex uses Firebase to hold all of its data, and makes api requests to TMBD.ORG for movie information.
- You will need to setup an account with firebase and request an API key from TMDB.ORG to use this app.
- Open the app.config.example file and observe the top section of the file
app.constant("FIREBASE_CONFIG", {
apiKey: "<Your Firebase Api key here>",
authDomain: "<Your Firebase Config here>",
databaseURL: "Your Firebase Config here>",
projectId: "<Your Firebase Config here>",
storageBucket: "<Your Firebase Config here>",
messagingSenderId: "<Your Firebase Config here>"
})
app.constant("TMDB_KEY", "<Your TMBD API Key here>")
angular.module("codex").run(function (FIREBASE_CONFIG) {
firebase.initializeApp(FIREBASE_CONFIG)
})
- You will need to replace all information in the < >'s with the appropriate information
- Once configured, save the file as app.config.js and save it to the /Codex/App folder
- Navigate to the /Codex folder
- start the HTTP Server of your choice
- Open your browser and navigate to the local host specified by your HTTP Server, you should be greeted with the login/registration screen
to use codex, you can try out the deployed app at www.mycodexapp.com
- If you have never been, you will be presented with a login screen.
- please enter your email address and a password (must be at least 6 characters long)
- click the register button.
- If you have no media in your collection, the app will direct you to add movies using the "Add Movie" button
- Clicking on the "View Collection" button will return you to the dashboard from any screen.
- Clicking on the "Reports" button will show you a breakdown of all the various formats in your collection.
- Click the "Add Movie" button, you will be brought to the add movie screen
- Click in the search bar to move the cursor there.
- Type your search terms in the box and press enter
- The returned results will be displayed below the search
- To add a movie to your collection, press the green "Add Movie" button
- Press "View Collection" to see the movies added to your collection
#Viewing Movie Detalis
- From the main dashboard view, to view a movies details click on the Blue "Details" button on the movie card
- You will be brought to the movie details view which will allow you to add/change a movie format, or delete a movie.
- Navigate to the movie details view.
- Select the desired format from the dropdown in the lower left corner of the app.
- Click the teal "Add Format" button
- The added format will be show on the movie detail page and on the movie card in the dashboard
- Navigate to the movie details view.
- Select the format you wish to remove from the dropdown in the lower left corner of the app.
- Click the yellow "Remove Format" button
- The selected format will be removed from the detail view and the movie card in the dashboard.
- If you remove all formats, the default of "None" will be displayed
- Navigate to the movie details view.
- Select the Red "Delete Movie" button
- The movie will be removed from your collection
- Below the main dashboard you will see a grey filter bar.
- pressing any of the four buttons will filter only the selected format, to return to all click on "View Collection"
- Clicking on any of the light grey space surrounding the filter buttons will cause a search bar to fade in.
- Click on the search field to place the cursor in the field
- As you type any matches will be shown below.
- The search bar can be used on any screen in the dashboard