Home

Welcome to the reusefull-react wiki!

To run the code locally, use "npm run dev"

DevOps

• When you push changes up to the repository, a github action runs to build the code and deploy it to Netlify. We the result here: https://reusefullreact.netlify.app/
• Configuring MySQL on AWS RDS

Asof 2024.9.21 here is the new REST endpoint for the list of Charity Types. This calls an AWS Lambda written in C# that hits the actual Types table in the database to retrieve the data.

• REST API Endpoint for list of Donation Item Types: https://qg5u2h7j555msnkinngqaw2zfm0enled.lambda-url.us-east-2.on.aws/
• REST API Endpoint for the list of Charity Types: https://72m57zkngqsdsomp6ameqd2c6u0wqflv.lambda-url.us-east-2.on.aws/

AWS Lambda Programming

Here is some project management stuff to do (some already done):

Task	Who	Details	Status
Create github repository	Paul	Named Reusefull-react	done
- Make Rob an Admin	Paul		done
Invite people to slack channel	Rob		in progress
Add people to slack channel	Paul		in progress
Choose architecture	Rob		React and C# Backend
Document architecture	Rob
Create initial react site	Rob
Create initial C# site	Rob
Create a Project in Github	Rob
Document architecture	Rob

Software resources

• https://auth0.com/docs/customize/integrations/aws/aws-api-gateway-custom-authorizers
• https://learn.microsoft.com/en-us/visualstudio/javascript/tutorial-asp-net-core-with-react?view=vs-2022
• borrow UI ideas from here: https://www.donategoodstuff.org/donate-stuff.html
• borrow UI ideas from here: https://recyclespot.org/
• get Dell AI dev resources here: https://app.smartsheet.com/b/form/220ec8bd29e8439eab06191fe2e199a3
• React client currently builds and autodeploys when code changes are checked in to: https://reusefullreact.netlify.app/

Items to add to project task list

• Phase 1 (UI for public searches)
  • UI Changes in this Figma document: https://www.figma.com/design/4UwSNZYLCzeelnAogPnDJV/Reusefull?node-id=58-32126&node-type=frame&t=j5lRfDc0LVA4kLd7-0
  • CSS to match www.reusefull.org
  • Menus to match www.reusefull.org
  • Search orgs. A page to replace this: https://app.reusefull.org/donate
  • View org details. A page to replace pages like this: https://app.reusefull.org/charity/191
  • Show on maps. A page to replace this: https://app.reusefull.org/donate/results
  • Search on map within range of zip code
• Phase 2 (UI for Adding/Maintaing Organizations)
  • Add auth0, confirm email first.
  • Add, edit org profile.
  • Add items accepted.
  • Add "drives'.
  • Approve org profile.
  • Auth 0 create account. Fill out org info. Wait for approval.
• Phase 3 (Special events enhancements
  • Search special events and drives.

REST Endpoints

• This is a REST Endpoint you can use for testing. It returns a partial list of organizations
  • https://script.google.com/macros/s/AKfycbwppj5DOvXQ3I1_OM9Npkoh5h5GGE1evJXM8c5y_dBXb7oYkzGqg_hSqAzNAEm0QkOTxA/exec
• Organization match search results (do matching client side?)
• List of all organizations
• Details for each organization (all organizations), including logos and link to org profile page *