Skip to content

patumang/helpME

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

helpME

helpME is an interactive social help network, where user can select category based on their preferences, post a question, answer, create group and events, personalize profile, contact volunteers from our community and quickly connect through chat anytime to get the help.

Login Page (With and without Google Login)

loginPage

Register Page

registerPage

Category Page - Select category based on interest

categoryPage

Feeds Page - Coding category related Feeds

feedsPage

Post a Question

postQuestion

Post an Answer

postAnswer

Delete an Answer

DeleteAnswer

Group Page - Coding category related groups

groupsPage

Create Group

createGroup

Update Group

updateGroup

Events Page - Travel category related events

eventsPage

Create Event

createEvent

Profile Page

profilePage

Get Help Page

getHelpPage

Chat

chat

Contributors

Stack

  • Built using React, Node, Express and MongoDB.
  • Google authentication used for login.
  • JWT(JSON WEB TOKEN) and bcrypt used for authentication and authorization.
  • Draft.js used for posting question and answer using WYSIWYG.
  • redux used for State Management.
  • Socket.io used for chat feature with websockets.
  • Material UI for pre-made components.
  • Styled with Material UI overrides and CSS/SCSS.

Getting Started (/server)

Setup API

Install dependencies with npm install

Creating the DB

Setup database using MongoDB Atlas.

Copy the .env.example file and fill in the necessary configuration.

PORT = your port
MONGODB_URL = your MongoDB URL
JWT_SECRET = your secret key

Run The Server

Running the server normally

npm start

Getting Started (/client)

Install dependencies

Install dependencies with npm install

Running

Running Webpack Development client by npm start

Others

Dependencies

  • Node
  • NPM
  • axios
  • bcryptjs
  • cors
  • dotenv
  • express
  • express-async-handler
  • google-auth-library
  • helmet
  • jsonwebtoken
  • mongoose
  • socket.io
  • moment
  • mui
  • dompurify
  • draft-js
  • sass
  • react
  • react-dom
  • react-draft-wysiwyg
  • react-google-login
  • react-redux
  • react-router-dom
  • react-scripts
  • react-scroll-to-bottom
  • redux-thunk
  • socket.io-client

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.4%
  • CSS 3.9%
  • SCSS 3.8%
  • Other 0.9%