THIS PROJECT IS CURRENTLY UNDER DEVELOPMENT. WE ARE TRANSITIONING TO GROUP CONTRIBUTION TO CONTINUE BUILDING THIS APPLICATION OUT.
Go Save A Life is a non-profit founded by Kristian Reynolds of Colorado . Kristian started the non-profit to help connect people who need a kidney transplant with those willing to donate one. Kristian knowns first hand about this experience because he donated his kidney to someone and saved their life. This application is a tool for Kristian to use in his mission. As a CRUD application - He will be about to create, update and delete profiles for individuals who are on the transplant waiting list. In addition, the application can be used by the public to view profiles and find information about the non-profits mission.
The application is deployed through Heroku and can be accessed here: https://gsal-app.herokuapp.com/
Forthcoming Features: Multiple screen size styling| Administrative log in/out as well as administrative only access to the CRUD features
Initial Wireframe:
Current Wireframe:
HOME PAGE
SMALLER SCREEN NAV
VIEW ALL PUBLIC PROFILES
VIEW SINGLE PROFILE
CREATE PROFILE FORM
EDIT PROFILE FORM
ABOUT US 1 & 2
User Stories:
As a user I want to view the homepage and be able to easily navigate to the other pages of the application|
As a user I want to create a profile so that the public has access to the information|
As a user I want to view the all administrative profiles so that I can see the information and navigate to the other CRUD related tools.
As a user I want to edit the profile so that changes can be made when necessary.|
As a user I want to be able to delete a profile so that the application stays up to date.|
As I user I want to be able to view all the public profiles so that I can browse them and naviagate to individual profiles|
As a user I want to be able to view a single profile to have access to all the profile data. |
As a user I want to view the about us page to have access to more information about the non-profit organization.
Technologies Used:
Node.js | Mongoose | Mongodb Atlas | Express | React| React Router
Models -including field names and their datatypes
| field | type | required |
|---|---|---|
| imgURL | String | false |
| name | String | true |
| information | String | true |
A list of routes
| Http Method | action | Path | Description |
|---|---|---|---|
| GET | index | / | To fetch all profiles |
| GET | new | /create | show form to enter new information |
| POST | create | / | To create a profile |
| GET | show | /:id | To view a specific profile |
| GET | edit | /:id/edit | To get form already filled in for user to change |
| PUT | update | :id | To edit a specific profile |
| DELETE | destroy | /:id | To delete a specific profile |
Approach:
Create an application that would be a tool for the non-profit as well as a place to direct people to find out more about the organization.
Unsolved Problems: redirecting after edit form is submitted - going to use Navigate
Installation Steps:
In the terminal do the following steps-
$ git clone {the url to the GitHub repo}
cd into the new folder and type- $ npm install | $ npm install cors | npm install react- router-dom@6| npm install react-icons| $ npm start
The backend Github repo can be found here : https://github.com/AmandaFrisk/GSAL-backend