https://github.com/anddersonrds/app-marvelcomics

Simple Page Application with ReactJS that consumes Marvel's api, showing list, and comic information
https://github.com/anddersonrds/app-marvelcomics

Last synced: 6 days ago
JSON representation

Simple Page Application with ReactJS that consumes Marvel's api, showing list, and comic information

• Host: GitHub
• URL: https://github.com/anddersonrds/app-marvelcomics
• Owner: anddersonrds
• Created: 2019-11-30T20:14:48.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T02:01:35.000Z (about 2 years ago)
• Last Synced: 2024-11-24T00:41:57.495Z (2 months ago)
• Language: JavaScript
• Homepage:
• Size: 14.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## SPA - Single Page Application with React

### Proposed Challenge

Create a Single Page Application from a comic book information application. The Application consist of two screens: 


- Screen 1: You should have a list of comics, with the photo and description of each one. When you click on one of the comics, you must navigate to Screen 2.


- Screen 2: You must have the detailed information of the selected comic, with the bigger picture and more information than those listed in screen 1.


It is important to get the comic listing from a server. there is the marvel api [https://developer.marvel.com/](https://developer.marvel.com/) or you can upload your own server using json-server [https://github.com/typicode/json-server](https://github.com/typicode/json-server) with the data you need. Any similar solution is also valid.


### Project example developed

![gif](./src/assets/example.gif)

#### In the project directory, you can run:

To install the dependencies

### `yarn`

To run the application

### `yarn start`

### Future Update Intentions

- Create app using React Native, and add shopping cart.

- Add real-time mobile and web notification whenever you add a comic to your shopping cart.

- Improve app styling.