Matcha

First Project using ReactJs/ExpressJs

About

A web app allowing two potential lovers to meet, from the registration to the final encounter. A user will be able to register, connect, fill his/her profile, search and look intothe profile of other users, like them 1, chat with those that “liked” back.

Configuration

Create _Database/config/dev.json contain:

{
  "dev": {
    "host": ,
    "database": ,
    "user": ,
    "password": ,
    "driver": "mysql",
    "multipleStatments": true
  },
  "sql-file": true
}

Create config/dev.json contain:

{
  "database": {
    "user": "root",
    "password": "159357",
    "host": "localhost",
    "database": "matcha"
  },
  "keyOrSecret": "1337matcha",
  "url": "localhost:5000",
  "uploadPath": "./client/build"
}

Set up

Here's the technical stack this project was made with:

Front end

• React
• ContextApi
• React-socket-io
• MaterialUi

Back end

• Express
• MySQL
• Socket.io

Run

Modules: npm i && cd client npm i Db : cd _Database && db-migrate up --config ./config/dev.json Run: npm run build

View

Landing Page:

Browse (Suggestions):

Profile:

Notifications:

Edit Profile:

By:

• abelomar
• fdrissi