Marvel frontend

Demo:https://marvel-lg.netlify.com/

This project was bootstrapped with Create React App

Overview

Web application, full-stack project

Functionalities

• Get characters : axios request from API
• Get comics : axios request from API
• Authentication :
  • signup : create an account saved in mongoDB database
  • signin : verify in mongoDB database if the account is register
  • cookies : set or remove token from cookie
• Add comics or characters to favorites, saved in mongoDB database
• Remove comics or characters from favorites, remove from mongoDB database

UI

• Homemade UI without framework

Dependencies

Running the project

Clone this repository :

git clone https://github.com/LilaGuill/marvel-frontend.git
cd marvel-frontend

Install packages :

npm install

When installation is complete, run the project with:

npm start

Client

• React
• Hooks (useState, useEffect, useContext)
• HTTP request with axios (get, post)
• Routing with react-router-dom
• Handle cookies whith js-cookies

Server

• Node.js
• Express
• Express-formidable
• Axios
• Mongoose
• Crypto-js
• Uid2
• Cors
• Dotenv

Leboncoin API

https://github.com/LilaGuill/marvel-backend.git

Deployment

• Client deployed with Netlify
• Server deployed with Heroku
• MongoDb database hosted on Mlab

Contact

My Linkedin Profil