RootSAP

• 

  home page

• 

  home page 2

• 

  home page 3

• 

  co-host sign up

• 

  ai itinerary page

• 

  co-host sign-up 2

• 

  maps page

• 

  events page

• 

  events page 2

• 

  home page con't

• 

  home page con't 2

• 

  footer

Inspiration

BC’s nonprofit sector is running on heart but short on hands. Thousands of organizations need skilled volunteers, yet the systems connecting willing people to the right opportunities are fragmented and underpowered. Our solution, RootSAP, bridges that gap by enabling nonprofits to co-create and co-host volunteer training workshops. Through a shared platform that matches organizations by location, cause, and skill needs, nonprofits can design collaborative learning experiences that train volunteers once and benefit many. Volunteers get exposure to multiple causes, a richer sense of community, and credentials that support long-term engagement. Instead of competing for capacity, nonprofits build it together; creating sustainable, cross-sector human infrastructure for BC’s social good network.

What it does

RootSAP is a platform where non-profit organizations can simply enter their information, choose their availability, and then get matched with a similar non-profit organization and have a custom-made event itinerary created for them to co-host training sessions for volunteers. Volunteers will be able to attend and gain real-life skillsets for future opportunities, and a chance to meet up and connect with organizers.

How we built it

Frontend: React, Vite, Tailwind CSS, Framer Motion, JavaScript

Backend: Python, Node.js, Express, SQLite, OpenAI API, TypeScript

Challenges we ran into

We initially had some issues deciding on the form of the data being stored, as well as integrating frontend with the backend in order to process and display data. But we were able to successfully ping the appropriate endpoints to make this work.

Accomplishments that we're proud of

We are proud of building a working backend script that correctly handles data as intended as well as designing the UI and fixing bugs during the process.

What we learned

We learned out to use Framer Motion for UI design, how to use Python with Node.js as a backend setup, as well as how to integrate frontend with backend code.

What's next for RootSAP

In the future, we look forward to expanding our app to include multi-language support as well as voice-over support in order to increase accessibility.

Built With

• express.js
• framer-motion
• javascript
• json
• node.js
• openai
• python
• react
• sqlite
• tailwindcss
• typescript
• vite