Volunteer Relationship Management System

VRMS is a tool used for the engagement, support, and retention of a network of volunteers.

This is an ambitious project to create a system that will help us measure our human capital development, reduce repetitive tasks and processes for leadership, and improve outcomes for both volunteers and the projects they contribute to.

Project Context

We are currently in the initial planning phase after delivering a prototype to the organization's leadership. Our priorities are laying out a feature roadmap for beta and beyond, and recruiting a team of dedicated members to build the product. Time is of the essence, as each team meeting is a new opportunity to garner valuable data which, in return, supports the organization and it's members.

Technologies

This is a Full Stack web app, built with:

• React
• Node / Express
• MongoDB
• Heroku

How to contribute

If this seems like a project you'd like to dedicate your time to, reach out to the leads on Slack or at one of our weekly meetings. You can look for the VRMS team meeting times on the Hack for LA Project Meetings page.

Using Git

This section discusses some tips and best practices for working with Git.

Making changes, committing and pushing

1. Changes start on your local fork of this repository, in your own branch.

2. Commit your changes with a comment related to the issue it addresses to your local repository.

3. Push that commit(s) to GitHub.

4. From the VRMS repository, create a Pull Request which asks VRMS to pull changes from your fork into the main repository.

5. After the owner of the VRMS repository approves and merges your Pull Request, your changes will be live on the website.

Forking and cloning the repository with proper security

Step 1: Become a member of the repository Team

Send your GitHub name to the project manager, or post it in the VRMS Slack channel, and we'll add you as a member to the GitHub repository Team.

Once you have accepted the GitHub invite (via email or in your GitHub notifications), please do the following:

1. Mark your own membership public https://help.github.com/en/articles/publicizing-or-hiding-organization-membership#changing-the-visibility-of-your-organization-membership

2. Setup two factor authentication on your account hackforla/admin-governance#20

These steps are manditory in order to contribute to all HackforLA projects.

Step 2: Fork the repository

In https://github.com/hackforla/VRMS, look for the fork icon in the top right. Click it and create a fork of the repository.

For git beginners, a fork is a copy of the repository that will be placed on your GitHub account url.

It should create a copy here: https://github.com/your_GitHub_user_name/vrms, where your_GitHub_user_name is replaced with exactly that.

Note that this copy is on a remote server on the GitHub website and not on your computer yet.

If you click the icon again, it will not create a new fork but instead give you the URL associated with your fork.

Step 3: Clone your online repository to your local computer

The following process will make a copy of the fork that you just created on your local computer.

First create a new folder on your local computer that will contain hackforla projects.

In your shell, navigate there then run the following commands:

git clone https://github.com/your_GitHub_user_name/vrms.git

You should now have a new folder in your hackforla folder called vrms.

Verify which URL your origin remote is pointing to:

git remote show origin

If you accidentally cloned the hackforla/vrms.git then you can change your local copy to upload to your fork with the following:

git remote set-url origin https://github.com/your_user_name/vrms.git

Add another remote called vrms that points to the hackforla version of the repository. This will allow you to incorporate changes later:

git remote add vrms https://github.com/hackforla/vrms.git

Note: Understanding how git remotes work will make collaborating much easier. You can learn more about remotes here and here

Step 4: Change to a new branch

Create a new branch for each issue you work on. Doing all your work on topic branches leaves your repository's main branch unmodified and greatly simplifies keeping your fork in sync with the main project.

This command will let you know available branches and which branch you're on.

git branch

Star (*) indicates which branch you're on

By default you should start on the development branch.

This command will (create and) change to a new branch:

git checkout -b fix-logo-width-311

The text after the -b, in the example fix-logo-width-311, will be the name of your new branch. Choose a branch name that relates to the issue you're working on. (No spaces!) The format should look like the scheme above where the words are a brief description of the issue that will make sense at a glance to someone unfamiliar with the issue.

Incorporating changes from upstream

Your fork of this repository on GitHub, and your local clone of that fork, will get out of sync with the upstream repository from time to time.

Assuming you have a local clone with remotes vrms (the VRMS development repo that you forked) and origin (your fork of this repo)at GitHub, you can do the following:

# WARNING: this will erase local pending changes!
# commit them to a different branch or use git stash
git checkout development
git fetch vrms
git reset --hard vrms/development

This will reset the current HEAD to match the VRMS development repository.

Get up and running

1. Have Node and NPM installed locally:

   • Verify with node -v and npm -v respectively.

2. Install Yarn: an improved package manager

   • Verify with yarn --version

3. Verify that you have the git remote repositories configured:

   • Verify that the output of git remote -v shows your local repo as origin and the upstream vrms repo.

4. Install the node packages needed in each directory:

   • cd vrms/ and run yarn install
   • cd client and run yarn install
   • cd client-mvp-04 and run yarn install
   • cd ../backend and run yarn install

5. Add your required environment variables for the frontend and backend directories:

   • touch vrms/backend/.env
   • touch vrms/client/.env
   • touch vrms/client-mvp-04/.env

   Note 1: In the above example you are trying to create an empty file called .env in each of the listed directories: backend, client and client-mvp-04. You can use either touch <path-to-directory> .env or navigate to the directory and use touch .env

   Note 2: touch is a Unix/Linux or Mac command; It is not available in Windows. In Windows, use a text editor (e.g. Notepad) to create an empty file and save it in each of the locations as .env . (If you use Windows Explorer to create the file it will create a file called .env.txt, which will not work.)

   • Then paste the content from the document. It is accessible for the project team members only.
   • Please note that the ports for the frontend and backend are set in this location

6. Take a second to review the app.js and server.js files in the vrms/backend folder. These two files are a blueprint for the back end, so please familiarize yourself with it. You'll see folders for the database collection models, routes for the API, and a config file which loads the necessary environment variables.

7. Start the local development servers (frontend & backend).

   To run client:

   • Navigate to the root of the application vrms/ and run npm run dev

   To run client-mvp-04:

   • Navigate to the root of the application vrms/ and run npm run mvp

You should now have a live app. Happy hacking.

Running Tests

The VRMS application has a variety of tests written for the application. Review the package.json file in any directory and look for any variation of test scripts.

To run all of the tests run npm run test:all from the root folder.

Using the development database

The application uses MongoDB. We have created a shared development database using MongoDB Cloud and MongoDB Atlas. The conection string for the development database is included in the environmental variables that you pasted into your backend/.env file in step 5 of the "Get Up and Running" setion. If you completed that step successfully you should not need to do anything else.

To view and edit the development database manually, you can download MongoDB Compass. To connect to the development database you will use the "DATABASE_URL" from the document that contained the environmental variables. The string will start with "mongodb+srv://".

If you want to install a local copy to experiment with and learn more about MongoDB, you can use this tutorial

Licensing WIP

Details about the project's open source status below: