bangtam1994 / marvel-frontend-react

Front end of Marvel project made in React

Marvel FrontEnd

Overview

Replica of Marvel website in React ; Fullstack project. Inspiration : marvel.com

Client Netlify : https://marvel-frontend-by-bt.netlify.com/

Server

GitHub : https://github.com/bangtam1994/marvel-backend

Heroku : https://marvel-backend-bt.herokuapp.com/

API used : https://developer.marvel.com/

Packages

• React
• React Router DOM
• Axios
• Js-Cookie
• Helmet

Architecture

• Header, Footer
• Characters, Comics
• Character (page to display the character by id)
• SearchCharacter, SearchComic (searchbar)
• Signin, Signup : create account (hosted in Mlab) & login to add Favorites
• Favorites : 2 possibilities; if user connected --> Favorites from user document ; if user not connected --> Favorites from cookies

Running the project

Clone this repository :

git clone https://github.com/bangtam1994/marvel-backend.git

cd marvel-frontend

To install packages :

npm install

or

yarn add

When installation is complete, run the project with:

yarn start or npm start

Marvel API

• Express

• HTTP request with axios (get, post)

• Users : hosted in MongoDB

Please check : https://github.com/bangtam1994/marvel-backend

Deployment

• Client : deployed with Netlify

• Server : deployed with Heroku

• MongoDb database : hosted on Mlab

Contact