-
Register/Login Page
-
Google Map to view Volunteer Opportunities
-
When you click a Volunteer Opportunity (allows you to join one)
-
Page that shows the volunteer opportunities you have opted into
-
Clicking one specific volunteer opportunity gives more details and shows a QR code for organizers to scan
-
After an organizer scans the QR, the user is able to record hours by entering a number and their geolocation (for verification purposes)
-
Rudimentary system to show users how many hours they have volunteered
-
Landing page for website (for organizers)
-
Organizer login/register
-
Dashboard that shows the events of ogranizers
-
Allows organizers to create new events
-
Allows organizers to check in users by scanning their QRs
-
Allows organizers to see hour recordings and approve them
Inspiration
MobileServe
- An application that tracks volunteer hours. However, this service doesn't offer students opportunities to find other volunteer opportunities, does not securely store their hours, and does not incentivize students using a blockchain-based rewards system.
Ultimately, we wanted to use our Computer Science knowledge to build something that could give back to the community.
What it does
App
- Allows students to see volunteer opportunities on a google map
- Allows students to join these opportunities
- Provides a QR-code check-in system
- Provides a Geolocation and manual volunteer hours input
- Showcases statistics for volunteering
Website
- Allows organizers to create events
- Allows organizers to scan in volunteer QR codes
- Allows organizers to approve hours
How we built it
App
- React Native
- Expo
Website
- React.js
- Next.js
Server
- Node.js
- Solidity
- Truffle
Challenges we ran into
- Integrating blockchain within our application
- Tying the front-end with the back-end
- Coding a project within less than a day
Accomplishments that we're proud of
- Using a side-chain blockchain solution (increases transaction speeds dramatically)
- Creating a polished multi-platform application
- Published PENCILs (ERC 20 blockchain tokens) onto the Ethereum network successfully
What we learned
- Planning ahead is always a good thing
- Blockchain projects take a long time
What's next for PencilCase
- Adding an exchange system for users to get rewards for their PENCILs
- Adding a machine-learning system to better help users find opportunities
Built With
- blockchain
- ethereum
- location
- loom
- nextjs
- node.js
- qr
- react
- react-native
- solidity
- truffle
- web3

Log in or sign up for Devpost to join the conversation.