ProConnector (Make your online profile)

ProConnector is the subsystem which is developed for online profile. The project will be live as soon as possible with repository, and screencast video in the below section:

Version: 1.0 Release of the ProConnector (Online Profile).

Application Live: https://live-proconnector.herokuapp.com/
Screencast video for live demo presentation without audio:

Overview

This is identified that the project developed as calling name ProConnector. The system handles to share your own profile by your own custom format which can share your CV. Therefore, the system is completely run error-free in that checking period.

Problem Domain Area

To Share online profile with github link.

The Advantages of System

The application is fully responsive.
Authenticated by the security route such as web, active and current users based.
validation and verification with relevant error and success message.
Highly Modern EDGE Technology Used.
Custom error messaging with custom error pages.

The Limitations of System

The system is not used highly graphics and best UX design.
Any information can't modify within the single click.
Users can't find their following twitch name in real time just like Twitch.
The system didn't config any mailing system for notifications.

The System Features List

login and Registration
Effective Dashboard
Post For Share
Make Online Profile

Entity-Relationship-Diagram

Technologies and libraries

VSCode Editor
ES6+ Syntax
Async /Await
React Hooks
Redux With DevTools
Json Web Tokens (JWT)
Postman HTTP Client
Mongoose / MongoDB / Atlas
Bcrypt Password Hashing
Heroku & Git Depeloyment
Node v10.16.3, NPM v6.9.0.

Further Development

Highly UX design with graphical and visual chart reports.
Personal email processing within the mail notification system.
Refresh the authentication token when it will be expired.
Refactoring coding standard with live data loaded.
Testing plan implements with PHPUnit tools.

How to run the System

Run on the development environment

Open terminal window with your dev area
Then run this below comments

$ git clone https://github.com/vorsurm/proconnector.git

# Install dependencies for server
npm install

# Install dependencies for client
npm run client-install

# Run the client & server with concurrently
npm run dev

# Run the Express server only
npm run server

# Run the React client only
npm run client

# Server runs on http://localhost:5000 and client on http://localhost:3000

Configure environment variables

Add the .env variable name of the following below information.


mongoDB Config:
==============
https://cloud.mongodb.com
- create a account
- config mongoDB

Connect to ProConnector:
====================
Node.js -> 3.0 or later
Copy -> Connection String Only

Browser opens up and runs with URL: http://localhost:5000
Login after Registration
create your profile.
post throught the browser.
share the link .

Summary

ProConnector is successfully developed and implemented also it's live now as a first version 1.0. After the hardworking and self-studying period, I would like to say, I learn very much from that project which was a totally new concept on the live streaming online channel with API integration. Therefore, It'a was very durable and helpful for me in every stage as a programmer, tester and the scrum master.

References

About

ProConnector is the subsystem which is developed for online profile who want to share their full experience in different way.

Languages

Language:JavaScript 100.0%

moshiur1412 / ProConnectorNodeJS