Communiteer

• 

  Homepage part 1

• 

  Homepage part 2

• 

  Events page

• 

  Map page

Inspiration

We noticed that there was no centralized solution for volunteering in our community that was both easy to use for organizers and volunteers.

What it does

It allows organizers to post volunteering opportunities in the community on our website that volunteers can then go on and use to find opportunities. It provides a centralized location that is easy for all people to understand.

How I built it

We used a MEVN stack, which means our primary tools were MongoDB for data storage, Express for the API, Vue.JS for dynamically connecting fronted to backend, and Node.JS for the backend.

Challenges I ran into

Creating an effective frontend was difficult because neither of us had a large amount of experience working with it. Another challenge was deploying our website, because we also didn't have too much experience with that either.

Accomplishments that I'm proud of

We built a full-stack CRUD (Create, Read, Update, and Delete) app and deployed it in less than 24 hours.

What I learned

We gained valuable experience working with frontend development and UI design. We learned how to deploy a full stack vue application.

What's next for Communiteer

Adding an accounts/login system so that the data displayed is more personalized towards the user.

Built With

• axios
• babel
• express.js
• gcp
• mongodb
• mongoose
• node.js
• postcss
• rest
• tailwind
• vue
• webpack