Shorouq-Mohammad / CRM_Project

Full Stack CRM tool developed using React, MySQL, Node, Express and MobX, that allows companies to manage everything to-do with their customers

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CRM 🏒

Customer Relationship Management tool that allows companies to manage everything to-do with their customers. πŸ’πŸ‘¨πŸ‘©

It is a Full stack Application using React, MySQL, Node, Express and MobX

πŸ“· project Screenshots

Clients Page πŸ‘¨πŸ‘©

Show clients in DataGrid table with pagination (20 clients per page). The user can search clients according to name, country, email, owner and if sold. The user can also update client info on click on his/her row. πŸ”πŸ”ƒ

πŸ”§ Actions (Update & Add Clients) πŸ”ƒβž•

The user can look for Client and update his/her owner, send email, and declare sale (if the client hasn't been sold before)

πŸ“Š Analytics Dashboard πŸ“ˆπŸ“‰

This page contain multiple Badges and charts.

πŸ’» Technology used

  • Client-side: React, MobX, Material-ui, font-awesome, Chartjs
  • Server: NodeJS, Express, Sequelize
  • Database: MySQL

πŸ”§ Getting Started

  • Clone this repository. You will need node, npm and MySQL installed globally on your machine.
  • run npm install
  • Database setup:
    • run CREATE DATABASE crmproject in sql file
    • run createTable.sql to create all needed table found in server/savingToDB file
    • run node dataMigration.js in server/savingToDB file
  • run node server.js in a terminal
  • run npm start in another terminal

About

Full Stack CRM tool developed using React, MySQL, Node, Express and MobX, that allows companies to manage everything to-do with their customers


Languages

Language:JavaScript 93.0%Language:HTML 4.5%Language:CSS 2.5%