Volunteer Opportunity Board Web App with Skill Matching and Event Sign-ups

A volunteer opportunity board is a web application where local organisations post volunteering opportunities and volunteers find roles that match their skills, location, and availability, then sign up for specific event dates. Organisers list the skills each role needs and a capacity count for each event, volunteers see a skill-matching score for every opportunity, and sign-ups stop when an event is full. The demo shows the workflow with 12 pre-seeded opportunities across 6 locations.

A volunteer opportunity board exists because finding local volunteering work is still harder than it should be. A volunteer opportunity board gathers scattered local roles into one searchable place, so a willing volunteer no longer has to hear about a role by chance. Today, many small organisations announce roles on a printed notice, in a chat group, or by word of mouth, and each announcement reaches only the people who happen to see it that day. A volunteer who missed the announcement never learns the role existed, while an organiser cannot tell whether enough people saw it or whether the people who did have the skills the role needs. Roles also fill unevenly: one event turns people away at the door while another runs short-handed, because nobody tracked how many places were left. A shared board with skill tags, locations, dates, and a visible capacity count fixes that mismatch by letting each side see the same facts before anyone commits.

The board works as a loop between two roles, volunteer and organiser, with a shared record of places in the middle. An organiser posts a role with its required skills and a capacity count, and that role joins the browse list with its places-filled count starting from zero. A volunteer with a skill profile opens the board, and the board scores every role by comparing the role's required skills with the volunteer's skills, showing the score on each card and sorting the best matches first. When the volunteer signs up, the filled count for that event rises by one place and the sign-up is added to their personal list; if the event is already full, the board offers the waitlist instead. Cancelling reverses the same record, freeing the place at once, so the count the organiser sees always reflects the sign-ups that actually stand.

1. An organiser opens the posting form and enters the role title, organisation, location, date, description, required skills, and capacity count.
2. The new opportunity appears in the browse list with its skill tags, places-filled count, and a match score for each volunteer who views it.
3. A volunteer sets their profile skills once, and the board scores every role by the overlap between those skills and each role's required skills.
4. The volunteer searches by keyword and filters by skill, location, open places only, or a minimum match score to narrow the list.
5. The volunteer signs up for a role with open places, and the filled count for that event rises by one place while the sign-up joins their personal list.
6. If an event has reached its capacity, the board blocks sign-up and offers the waitlist option instead of overfilling the event.
7. The volunteer manages commitments from the sign-ups view, where cancelling a sign-up lowers the filled count at once and frees the place for someone else.

Tech stack:

• HTML · CSS · JavaScript frontend
• Node.js · Express backend for the full build
• PostgreSQL · relational database for the full build
• Browser local storage · demo persistence

The board is built around four capabilities that work together: skill matching that scores every role against a volunteer's own skills, capacity-aware sign-ups that never let an event overfill, organiser posting that turns a role description into a structured listing with skills and a place count, and search that filters roles by skill, location, and availability. Around those four, a personal sign-ups view keeps every commitment in one place with cancellation that frees the place immediately, progress bars show how full each event is at a glance, and a waitlist keeps interested volunteers in reach when an event fills. Together, these capabilities mean a volunteer spends less time hunting through scattered announcements and more time on the role itself, while an organiser sees honest place counts instead of guesses. Nothing in the base project handles payments, and nothing in the demo pretends to verify a volunteer's background.

• [Skill-matching scores] Every opportunity shows a percentage score computed from the overlap between the volunteer's profile skills and the skills the role requires, so the best-fitting roles sort to the top without any guesswork.
• [Capacity-aware sign-ups] Each event carries a fixed capacity count, and the filled count rises with every sign-up, so an event that reaches its capacity stops accepting sign-ups instead of overfilling.
• [Search and filter by skill, location, and availability] Volunteers can search by keyword and filter by skill, location, open places only, or a minimum match score, so a long list narrows to roles they can actually take.
• [Organiser posting form] Organisers add a title, organisation, location, date, description, required skills, and capacity through a single form, and the new opportunity appears in the browse list immediately with its own match score.
• [My sign-ups view] Every sign-up is kept in one personal list with its organisation, location, date, and places-left count, so a volunteer can review their commitments without searching the whole board again.
• [Cancellation that frees a place] Cancelling a sign-up lowers the filled count at once, so the freed place becomes available to the next volunteer instead of sitting wasted until the event day.
• [Waitlist for full events] When an event is full, the sign-up button is replaced by a waitlist option, so interested volunteers stay reachable if a place opens up later.

Implemented in the demo, delivered in the full build, and future scope, kept separate: the HTML demo already implements skill-matching scores, capacity-aware sign-ups, search and filtering, the organiser posting form, the sign-ups view, cancellation, and the waitlist on 12 pre-seeded opportunities across 6 locations. The delivered full build adds a server database and user accounts so postings and sign-ups are shared between all users instead of living in one browser. Payment handling, an in-app messaging system, and background verification of volunteers are future scope only, and are not part of the base project.

• Complete web application source code with the matching, sign-up, posting, and sign-ups-view features above
• Single-file HTML demo with 12 pre-seeded opportunities across 6 locations
• Setup instructions for running the application and trying the demo workflow
• Project report PDF covering background, design, implementation, and limitations
• PPT presentation for the final review
• Viva Q&A preparation document covering skill matching, capacity handling, roles, and storage

To request a quotation, message Projectech on WhatsApp with the project name, the scope you want (the base board, or the base board plus user accounts and a server database), and your delivery date; Projectech replies with a quotation covering scope, price, and delivery timeline.