Movie App is a personal application that could be described as an archive of movies. Movie App was designed with the ability to organize and personalize a collection of movies as a user see's fit, for constant referrals. Movie App is great for storing favorite movies or even queue movies to watch later. Movie App, simply put, is documentation of movie history in a display that is visually pleasing.
The application utilizes OMDB API to leverage their vast collections of movies from their database. allowing the users to interact with the API in a format that is extremely user friendly from the simplicity of a search bar. The user can maneuver the database for a specific movie by title which returns a movie poster. The poster along with other movie details is then stored to Movie App’s Glitch database powered by node js for reference at any time. Movie app was developed to provide the movie collections back in several customizable categories starting with genres such as action, drama, horor, sci-fi, ect, favorites, and watch later.
The Front-End Technologies that make all the magic possible are JavaScript which enables the responsiveness of features like rendering of data asynchronously, and JQuery for efficient traversal around the application and as well as within OMDB API. The User Interface foundation is Bootstrap5 for its grid system allowing precise positioning of the data onto the page. Lastly, CSS4 which makes the application unique in its own merit improves user experience tremendously.
The Back-End Technologies used as mentioned is Glitch for the creation of the node js database to capture the personalized data of movies. Using Gltich made helding data fairly seemless. Glitch also assisted in forming accurate load times by outputing the data at random increments. This was extremely tough for us simply because this was the first time either of us dealt with loading. Being able to customize the time of data helped us imporive our skills with loads.
To view Movie App in a live format click the link below.
- Click the "Search bar" on the right hand side to begin a search of movie titles.
- Input movie titles and receieve a movie with it's original poster, rating, director, and genre.
- Click "All" movies to view the collections in its entirety.
- View the movies according to it's genre by clicking "Genre" on the nav-bar. This will trigger a drop down which has several genre's.
- If there is any error you can Edit the movie by clicking the "Edit" button on the bottom right side of the movie poster.
- Attached to the edit button feature is the ability to "Remove" a movie.
- Allow users to add favorite movie from All movies.
- Include a pagination for larger collection.
- Improve layout for better user experience.
Contributors
- Piotr Chomicki