Code Monkey home page Code Monkey logo

philanthro-me's Introduction

PhilanthroMe

License: MIT

Description

A site that functions like an e-commerce website, but for non-profit donations. This site makes it easy to donate to multiple different non-profits while only having to checkout once. You can add different Non-Profit Organizations to your cart, select the amount you'd like to give to each one, and send the payment through to all of them, seamlessly, all at once.

Table of Contents

Preview

Preview

Features

Search Page

  1. Search box to input keywords
  2. Cards that become populated with up to 20 related charities/non-profit-orgs
  3. Buttons to add to your cart, or to your save list Preview

User Page

Contains a list of the user's favorite organizations and personalized welcome message. Preview

Cart

  1. The user can input the amount they would like to donate for each non-profit and the total amount will be calculated.
  2. Once the donate button is clicked, the user can make individual donations to the specific non-profit selected. The user's info, from the data-base, will be auto-populated to the every.org's form, promoting an easier donation experience.
  3. Future Development - "Donation list" button - would be the "checkout" button and with a single transaction the user could donate to several non-profits. Preview

Responsive Design

Completely mobile friendly! Hamburger menu and non-profit cards following the screen size. Preview

Deployment

The deployment can be found here: https://philanthro-me.herokuapp.com/

License

Questions and Contributions

Please feel free to reach out to us or make a pull request!

Sources

philanthro-me's People

Contributors

renatatims avatar jarenella avatar mrcorbo avatar briggoh avatar

Stargazers

 avatar

Watchers

 avatar  avatar

philanthro-me's Issues

Categories Search

Create a drop-down for categories: Food Banks, Children and Envrionment
Once the user selects a category a fetch request is made to the API based on the category
The cards related to the categories will be displayed
Tailwind CSS for the drop-down

Persist Cart donation amounts

  1. Persist each non-profit donation input from the user
  2. Persist total donation amount
  3. Include individual donation amount input in the non-profit's link

Toggle out mobile navbar

When user selects an option from the mobile navbar - navbar should toggle out
Currently - User has to manually close the navbar
Objective: Improve User experience

Contact Form feature

Have the contact form working on the backend
Include a success message once the user submits the message form
Improve user experience

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.