Skip to content

mental-health-org/mental-health-fe

Repository files navigation

(Helping and Law Professionals)

Help. Learn. Connect. Grow.


Table Of Contents

Setup instructions | Technologies used | Overview | Organizational Tools | Examples | Learning Goals | Contributors | Future features | Reflections & Wins


Set-up Instructions

  • Fork this repo by clicking the Fork button in the upper right of this page
  • Clone your new repo down to your local machine in your chosen directory
  • Type npm install into the command line to install all dependencies
  • Type npm start into to the command line to start the React app. A browser window will appear running a local host url

Technologies Used

TypeScript React React Router NPM cypress Canva Visual Studio Code MUI


Overview

HeLP Network

(Helping and Law Professionals)

Help. Learn. Connect. Grow.
  • HeLP Network is an application inspired by a team members previous career in mental health when she saw a need for a platform to connect professionals across areas of expertise to share in and seek knowledge about important legal and ethical issues that guides the work helping professionals do.

  • HeLP Network's mission statement: Our mission is to connect expertise across speciality areas of public helping professions to ask and find questions to important legal and ethical concerns central to helping to support our communities and each other.

  • The HeLP Network application allows a user to:

    • Filter all questions/posts by keyword or tag to find answers to your legal and ethical questions
    • Post a new question and tag new questions with existing or new tags.
    • View a question by clicking on the cards read button to see full details of the post including post data, information on the user who posted the question, the full question title and body, its responses and votes.
    • Comment on (answer) the questions posted to start or continue the discussion thread to help the community find important answers.
    • Upvote and downvote responses to rate accuracy of response to help guide fellow users to the most helpful feedback.
    • Upvote questions if you find them insightful and relavent. Downvote questions if you find them vague, misleading or unhelpful.

Organizational Tools


Examples

Screen-Shot-2021-10-27-at-6-25-58-PM Screen-Shot-2021-10-27-at-6-28-13-PM Screen-Shot-2021-10-27-at-6-31-18-PM Screen-Shot-2021-10-27-at-6-41-48-PM

LandingPage AskPage QuestionPage Response


Learning Goals

  • Learn and use TypeScript to build and scale an application that is readable and maintainable, and provides error handling during build time.
  • Integrate continuous integration and continous deployment with Travis CI.
  • Develop JSON contract with backend team.

Contributors


Future Features

  • User login and authentication
  • User profile, connections
  • Bookmarking resources
  • Credential validations - LinkedIn?
  • Interest groups
  • Share question link via email
  • Business advertising and/or publication subscription service
  • Progressive Web Application with push notifications
  • Refactor with Context API
  • Allow users to edit and delete their submitted questions and comments

Reflections and Wins

  • Wins:
    • Learning TypeScript very quickly to incorporate into our application.
    • A clean component library.
    • Collaborating as a frontend team to create extensive functionality in a short time frame.
    • Created an attractive user-friendly site.
  • Reflections:
    • Continuous integration/delivery was a challenge as we stumbled upon a unique error that haulted our CI/CD progress. AS a team we had to make the decision to focus our efforts on the build and deploy manually for the last half of our project.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published