Leboncoin frontend

Demo: https://leboncoin-frontend.netlify.com/

This project was bootstrapped with Create React App

Overview

Web application, full-stack project

Functionalities

• Fetch offers : axios request from API https://github.com/LilaGuill/leboncoin-backend.git
• Authentication :
  • signup : create an account saved in mongoDB database
  • signin : verify in mongoDB database if the account is already register
  • cookies : set or remove token from cookies
• Create an offer : create the new offer in mongoDB database, save de picture with Cloudinary
• Get detail of one offer : axios request from API
• Buy the item whith Stripe (dev environment) :
  • crédit card number to use for demo : 4242 4242 4242 4242
  • expiration must be in the futur
  • crypto must be a number
  • code postal must be a number

UI

• Homemade UI without framework

Dependencies

Running the project

Clone this repository :

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

Install packages :

npm install

When installation is complete, run the project with:

npm start

Client

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

Server

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

Leboncoin backend

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

Deployment

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

Contact

My Linkedin Profil