Skip to content

front end of Marvel application - SPA connected with a back-end developed using data and routes obtained by the official Marvel Comics API.

Notifications You must be signed in to change notification settings

cunhasbia/marvel-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Marvel

Marvel App | front-end

Front-end of Marvel application - SPA connected with a back-end developed using data and routes obtained by the official Marvel Comics API. Project developed for a challenge during studies at Growdev.

You can also click here to go to the back-end repository of this application. Run both projects together.

Screenshot Marvel App

💻 Functionalities

✔️ A homepage with the character list and pagination;
✔️ Input to search by character name;
✔️ Clicking on a character displays a page with details (name, description and comics info) in SPA format;
✔️ Button on the character details page to back to homepage;
✔️ If the character has no image: displays the Marvel logo;
✔️ If the character has no description: displays the text "description not informed".

👩‍💻 Technologies and tools used

  • HTML
  • CSS
  • Bootstrap
  • Javascript ES6+
  • Yarn
  • Axios
  • Webpack | Babel

▶️ How to run the project?

Before start, install Git in your machine. Moreover, recommend use the VSCode terminal.

# Clone this repository
$ git clone https://github.com/cunhasbia/marvel-frontend.git

# Access the repository on your terminal
$ cd marvel-frontend

# Install dependencies
$ yarn install

# Run
$ yarn dev

Made with 🧡 by Bianca Cunha

About

front end of Marvel application - SPA connected with a back-end developed using data and routes obtained by the official Marvel Comics API.

Topics

Resources

Stars

Watchers

Forks