ariehh1 / Donation-App---Project-3

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project 3 -Ari-Lloyd-Jared-Owen-Ben---Donationally Charity Website

Table of contents

Application Interface

This is the main log-in portal of the website. Users are prompted to provide a username and email which creates them an individual account.

Portal

The About Us page describes our core values and motivation.

Aboutus

The News page includes a search bar - users can look up worldwide news related to charities.

News

The Charity Search page provides the user with a worldmap, and the ability to find charities by location.

Charitysearch

The Donate page includes a charity search bar, and custom buttons allowing the user to donate an amount of their choosing to their selected charity.

Donate

The Contact Us page provides personal information / photos about the creators and founders of Donationally.com. There is also a "Review" section where users can ask questions or give comments.

Contact

User Story

AS A philanthropist

I WANT to donate to charities of my choosing

SO THAT I can give back to those in need

General Info

"Donationally" is a non-profit website, allowing users to search for worldwide charities and donate to a personal cause of their choosing. The application incorporates the full "MERN" stack, featuring a Mongo Database that saves user information and "favorited" charities. The "Charity Map" section geolocates the user's position, giving them charities around their area. The "Donate" section of this React project guides users to donate a set or custom amount of money to their selected charity, pairing them up with Paypal. Users are also able to search worldwide news on selected charities through the "News" tab.

Deployment

-Git clone and download the Repository "Donation-App---Project-3" from Github onto your local computer -In your terminal, cd to "Donation-App---Project-3" folder and npm install all of the dependencies -In terminal run using "npm run start" -Local browser website will be: localhost:3000 -Additionally, the website is available on Heroku at:

Technologies

Project is created with:

Future Functionality

  • Synchronizing user pay and charity selections with their "Favorites" page
  • Tweaks to the layout and Member page
  • A blog/chat option where users can talk about their website experience or view charity information

Summary

  • "Donationally" is a charity search and donation application, helping users in multiple ways to stay informed about world events and opportunities to give back to those in need.

UML

  • UML

Database

  • This project was completed using MongoDB, populating the database with charity information such as: Charity name, description, rating, and website URL.

Bugs And Feature Requests

Have a bug or a feature request? Please contact us at "donationally@gmail.org"

Authors

  • Owen Chanthala
  • Lloyd Marcelino
  • Ben Olsen
  • Jared Kong
  • Ari Horowitz

License

  • Open Source
  • Created for the University of Washington Code-Boot Camp 2020: Project #3

About


Languages

Language:JavaScript 77.8%Language:CSS 17.1%Language:HTML 5.1%