Community Resource Sharing

• 

  add product section where you can add product for donation or rent

• 

  all listed product

• 

  home page

• 

  footer where you can join us

• 

  your orders

• 

  all listed products

• 

  home product section

• 

  detailed product section

• 

  cart page where you can buy or rent product and add your address

Inspiration

The Community Resource Sharing project was conceived to address the challenges communities face in accessing and sharing resources efficiently. The goal was to create a platform that facilitates the sharing of resources among community members, promoting sustainability and fostering stronger communal ties.

What it does

The platform serves as a bridge between NGOs and community members:

NGO Registration: Non-Governmental Organizations can sign up and create profiles to list their resource needs.

Requirement Posting: Registered NGOs can post detailed resource requirements, including item descriptions and urgency levels.

Location-Based Resource Visibility: Community members can view resource needs and offerings in their vicinity, enhancing local engagement.

Interactive Dashboard: A user-friendly interface for NGOs and community members to manage their activities and contributions.

How we built it

Frontend: Utilized next.js, React.js for building a dynamic and responsive user interface.

Styling: Employed Tailwind CSS for efficient and customizable styling.

Component Structure:

Developed a reusable Nev (Navigation) component for consistent navigation across the app.

Created a Home component that serves as the landing page, integrating the Nev component.

Asset Management: Organized images and other assets within a structured directory (assets/img/) for easy access and maintenance.

Challenges we ran into

Experienced uncontrolled growth in project scope due to the addition of new features without proper planning. but I established a well-defined project scope and adhered to it. Any new feature requests were evaluated against the project's objectives and timelines before inclusion.

Accomplishments that we're proud of

Successful Integration: Effectively integrated the Nev component into the Home component, establishing a consistent navigation structure.

Responsive Design: Achieved a responsive and user-friendly interface using Tailwind CSS.

Version Control Mastery: Resolved Git-related issues, enhancing our understanding of version control workflows.

What we learned

React Component Architecture: Gained insights into structuring React applications with reusable components. Asset Management: Learned best practices for managing and referencing local assets within a React project.

Version Control Practices: Enhanced our proficiency in using Git, particularly in managing branches and resolving conflicts.

What's next for Community Resource Sharing

NGO Verification: Implement a verification process to authenticate NGOs.

Enhanced Geolocation: Integrate advanced geolocation features to improve resource visibility.

User Authentication: Add secure login and registration functionalities for users.

Resource Matching Algorithm: Develop an algorithm to match resource offerings with NGO requirements efficiently.

Community Engagement Features: Introduce forums or discussion boards to foster interaction among users and NGOs.

Built With

• api
• css
• express.js
• html5
• next.js
• node.js
• react.js
• tailwind