mlh-fellowship / find-a-wish

Find an organization you want to grant wishes for!

🌎 Find-a-Wish! 🌎

Find an organization you want to grant wishes for!

---

❤️ Introduction

Welcome to Find-a-Wish, where organizations and good Samaritans can communicate with each other to do social good!

Organizations can use our web app to publish their profile, which includes which organization they are, their contact information, and the stuff they need to continue their mission. Users can access those profiles, see which items are needed where, and decide which organizations they want to donate to, either by donating their own things or shopping online. The users can get in touch with the organization in order to coordinate shipping and let the organization know what items they would like to donate. This way, everyone can contribute to the betterment of any community!

🐳 Deployment: Sprint 5 Engineering Focus

You can find this web app deployed at find-a-wish.onrender.com.

🌎 How it Works!

Home Page: Where the user will be able to see the details about Find-a-Wish and what they could do to give back to these organizations:

Wishlist: Where Organizations will be able to put in their information and wishlists for other good Samaritans to help out with:

Organizations: Here, the user and the wishlist poster will be able to see all of the organization profiles with their wishlists. You can find a wish to grant here!

✨ Intended Functionality

• Once an organization inputs their information and wishlist into the form, then they'll get their own profile on the organizations page, but the information outputs on the console for now.
• Organization and user authentication
• Organization deletion by original poster
• Links for the items to buy online or checkboxes to donate

💻 Tech Stack:

• Frontend:
• Languages:
• Version Control:

🔥 Start Contributing!

Find-a-Wish is fully Open-Source and open for contributions! We request you to respect our contribution guidelines as defined in our CODE OF CONDUCT and CONTRIBUTING GUIDELINES.

See our open issues to get started and contribute!

To get started:

1. Clone this repo using git clone and cd ~/find-a-wish/frontend-find-a-wish

2. Install npm packages(make sure you have npm installed).

npm install

3. Start the project and follow our contributing guidelines to make a pull request and improve the application!

npm start

👷 Contributors

• Julia Liu
• Mondale Felix
• Shilpita Biswas

Made with ❤️️ by the Find-a-Wish team as part of MLH Explorer Fall Fellowship 2020 Sprint 5.

find-a-wish's Issues

Set up Backend

• Set up login authentication
• Amazon buying + shipping to the organization - Any APIs?
• Amazon affiliates - donate referral bonus as well: Extra
• Database for users and the organizations

Set up Frontend

• Make a wireframe/Mock UI Design
• Set up React app
• Components
• Link to backend - eventually

Deployment

Deployment Ideas from Handbook:

• Creating a VM on a cloud platform (like Google Cloud)

• Putting your project inside a Docker container

• Using GitHub Actions to automatically deploy projects onto the cloud

• Using a domain from Domain.com or from the GitHub Student Developer Pack

Wishlist Input Form Submit + Reset

Describe the bug
Currently, the form doesn't reset with initial values after pressing submit, so I had to implement a reset button to do that for us.

To Reproduce
Steps to reproduce the behavior:

1. npm start after cloning the repo and installing dependencies
2. Go to "Post a Wishlist!" tab
3. Fill out form
4. Press submit, see output in console, press reset

Expected behavior
Ideally, the form should reset after submission and the wishlist poster should be redirected to the organizations page to see their card/profile(later issue)

Screenshots
If applicable, add screenshots to help explain your problem.

1. Before Submit:

2. After Submit:

3. After Reset: