Skip to content
No description, website, or topics provided.
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.env
.gitignore
.travis.yml
README.md
package-lock.json
package.json
sudo

README.md

Marvelous Bookworm

A web-application that allows users to create collections of their favorite Marvel Comics characters. Lists will present information in cards that give information about the character, if available, and a collection of links for the character's series that allow the user to potentially buy them.

Motivation

I like comic books and the Marvel Cinematic Universe. I thought a tool that would help people see where certain characters came from and how they've developed would be useful for newcomers to these characters and comic-lovers alike.

Screenshots

Login Screen/Landing Page:

Fullscreen:login fullscreenScreen

Mobile:login mobile

About Page:

Fullscreen:about fullscreen

Mobile:about mobile

Signup Page

Fullscreen:signup fullscreen Mobile:signup mobile

Search Page

Fullscreen:search fullscreen Mobile:search mobile

Collection Page

Fullscreen:collection fullscreen Mobile:collection mobile

Collection with Modal

Fullscreen: collection modal fullscreen Mobile:collection modal mobile

Account Page Fullscreen: account fullscreen Mobile: account mobile

Environment Setup

  1. You'll need to clone and run
npm install

then

npm start
  1. Do the same for this package.

  2. Open up a window at localhost:8000

Running the tests

To run all tests, run

npm test

Built With

Front-End

  • React
  • Redux
  • React-Router
  • Sass/SCSS

Back-End

  • MongoDB
  • Express
  • Node

Testing

  • Mocha
  • Chai
  • Chai-http
  • Jest
  • Enzyme

Features

  • Create a list of characters
  • See comic book series belonging to the characters you've chosen
  • Use links to potentially buy series you're interested in

Running Project Link

Authors

  • Adrian Rosales - ** - Fullstack Web Development

Acknowledgments

  • Starline - ** - For the use of their art for the 'Search' page.
You can’t perform that action at this time.