Marvelously

Marvelously is an app designed for users to choose a comic or movie based on their preferences. A user can sort by movies or comics, search for a keyword, or sort by categories in order to choose; they can also view more information about each item to make an educated decision.

Features

• Favorite your own card and save it to local storage
• Filter Favorites/Movies/Comics
• Search for Characters, Directors, Titles, Writers, Stars etc...
• Multiple options to sort Movies/Comics
• Show more information for each individual item

Installation

• clone the repo to your local machine
• run npm install
• run npm start to start the server
• open your favorite browser to localhost:3000 (unless your terminal says otherwise)
• search away!

Libraries / Frameworks in use

• React
• JSX
• Scss
• Tested with Jest/Enzyme

Learning Goals

The primary goals of this project were for the developer to learn how do API fetches, how to use React, when to use a functional versus a class component, how to return/render JSX, conditional rendering, the relationship between parent and child components, and component heirarchy. Other objectives were for the developer to learn how to write Scss and optional ways to structure files for components.

Screenshots

Contributors

• Hannah Hyde (https://github.com/alizarincrimson)
• Nim Garcia (https://github.com/nimsum)
• Raechel Odom (https://github.com/raechelo)
• Max Silver (https://github.com/MaxBSilver)