Community Reach

Thumbnail
Website design demo
Testing database
Website Layout Sketch1
Website Layout Sketch2
Website Layout Sketch3

Inspiration

Our team created "Community Reach" during a hackathon to connect people in the same zip code and build stronger communities. We used HTML, CSS, JavaScript, and firebase to create a user-friendly platform for discovering local events, resources, and opportunities. We faced challenges in making it inclusive and maintaining updated information but we are proud of the final outcome.

What it does

"Community Reach" is a website that connects people within the same zip code, allowing them to discover local events, resources, and opportunities to come together and diversify. It aims to build stronger communities by providing a centralized platform for people to stay informed and engaged with their neighborhoods.

How we built it

Our team built "Community Reach" using HTML, CSS for front end, JavaScript and Firebase for the backend, Figma was used for brainstorming design ideas. Our website was designed to be user-friendly and accessible for all community members.

Challenges we ran into

Choosing what direction we wanted to go took quite some time since everyone is new to the field of programming, project brainstorming/ management. We tried to make an Android app at first since our team did not have a solid knowledge of web design. But in the end, everyone decides to do web design since most of us have a bit of knowledge of HTML, CSS, and JavaScript.
Connecting the backend with the front end.
Learning how to communicate and collaborate with new people as group members

Accomplishments that we're proud of

We are proud of how our websites came out, it is the fact that each of us does not know the other but we were able to meet each other cooperate, and develop a website of our own, plus we were able to learn more about JavaScript, HTML, CSS, and Firebase.

What we learned

duynguyen0212 Nguyen Teamwork and coordination with each other. I also learned JavaScript, and how it connects with the Firebase database spencer pingitore I learned how to work with new people that I have never worked with before. I learned more about styling and how to make the front end look good with CSS and HTML. I also learned how to google stuff better and learn while I was building dolapo Adegbesan I was able to develop and practice my skills in HTML, and CSS. test the waters when using javascript and also learn how to use a database language like Firebase. Gabriel Miranda I was able to learn more about using languages like HTML, CSS, and Firebase Sonushama I was able to practice my design skills by using Figma to start and make a design layout for the website

What's next for Community Reach

We all individually plan to work on this project as our personal project, develop our knowledge on javascript and learn languages like react, Node.js and learn how to use APIs so as to make it fully functional

Built With

Submitted to

CivicHacks
- Winner Second Overall
- Winner Best Civic Hack

Created by

I gives idea about which direction the project should go, for example should we make it complicated or make it simple since we don't have enough time and experience.
I also worked on the backend using Javascript and Firebase. After I'm done with backend I also help styling css for a few html pages

duynguyen0212 Nguyen
I worked on the front end with HTML and CSS styling. I was able to learn more about how to make pages look good and also how to work on some JavaScript. I also got the chance to work with some amazing people and learn new things about backend and how to put a project together with people I have never worked with before.

dolapo Adegbesan
I worked on the front end with HTML and CSS styling. I was able to learn more about how to make pages look good. I also got the chance to work with some amazing people and learn new things about backend and how to put a project together with people I have never worked with before.

spencer pingitore
I worked on the UI design for this app. I was able to learn a a lot about placement and the design process.

Sonali Sharma
Gabriel Miranda