vovoka-path/rs-clone

CRM app. Created for a photo agency https://cyp.photo. It includes CRM, SERVER, DB.

Photo agency CRM

This project is a complete service with a landing page for attracting customers, CRM ¹ system for employee interaction and REST API backend with database.

Used By

App was developed for a current photo agency cyp.photo that organises photo shoots for visitors to European cities.

Code

• CRM app
• Server
• Web page

Deploy

• CRM app
• Server on Render hosting
• Web page

Development time

• 3 weeks (15.08.2022 - 05.09.2022)

Features

• 10 steps of the business process
• 3 roles for employees
• 12 Manager pages
• 7 Photographer pages
• 5 Editor pages
• Add, update and delete users
• Internal communication
• Email alerts
• Statistics

Team

• Vladimir Polansky as team lead | CRM system, app logic, page views and Agile flow
• Pavel Lebedev | Server, Database, CRM system
• Elena Kuznetsova | Web page

We are very proud that we were able to implement such a complex project in a short time by a team of people who had not known each other before!

Stack

CRM system:

• Javascript
• Webpack
• Chart.js

Server:

• Node.js
• Express
• MongoDB
• Mongoose

Web page:

• Typescript
• Bootstrap

Work flow:

• Scrum (use Kanban board for sprints)
• Github Projects
• Discord for meetings
• Figma

Login/password

Attention! Please, DO NOT DELETE these users! You can create a new employee, then delete them.

• Manager: manager / qweasdzxcqweasdzxc
• Photogrpher: alex / qweasdzxcqweasdzxc
• Editor: nataly / qweasdzxcqweasdzxc

Presentation

• Video on Youtube

Screnshots

Screnshot 1:

Screnshot 2:

Details

CRM system

• employee registration
• authorization of employees, saving of authorization between sessions
• edit/delete employees
• ordering via CRM
• manager cabinet - 12 pages
• photographer cabinet - 7 pages
• editor cabinet - 5 pages
• statistic page
• sending messages between employees
• auto sending email alerts to employees and to customers
• adaptive layout for mobile, tablet and desktop
• babel, eslint, webpack
• SPA
• MVC pattern
• component-based approach

Server

• authentication/registration/identification/authorization
• different access for roles
• handle new order
• email templates and sending alerts to client and to employees
• REST API
• microservice architecture
• MVC pattern
• the server gives correct answers, gives HTTP errors - you can understand what happened, write readable logs

Web page

• booking form
• quiz and sending results
• use bootstrap
• babel, eslint, webpack
• adaptive layout for mobile, tablet and desktop

Workflow design

Figma screenshot:

Footnotes

1. CRM - customer relationship management software is a system for managing your relationships with customers. ↩