We For Humanity - NGO Website Development - Main Project Screenshot

We For Humanity - NGO Website Development

A comprehensive website for We For Humanity, a non-governmental organization in Nepal focused on community service and humanitarian programs.

Role: Developer & Fundraising Coordinator

Tech Stack

Vue.jsGridsomeTailwind CSSJavaScriptGitStatic Site Generation

Key Features

  • Responsive Design
  • Project Showcase
  • Team Member Profiles
  • Donation Integration
  • News & Updates
  • Contact Forms

Project Screenshots

We For Humanity - NGO Website Development - Project Screenshot 1
We For Humanity - NGO Website Development - Project Screenshot 2
We For Humanity - NGO Website Development - Project Screenshot 3

We For Humanity - NGO Website Development

Project Overview

We For Humanity is a community-driven non-governmental organization based in Dolakha, Nepal, dedicated to making a positive impact through various humanitarian programs. As the Developer & Fundraising Coordinator, I was tasked with creating a comprehensive website that would effectively communicate the organizations mission and facilitate community engagement.

The Challenge

The organization needed a modern, accessible website that could:

  • Showcase their humanitarian programs and impact
  • Provide information about team members and leadership
  • Facilitate donations and volunteer opportunities
  • Share news and updates about ongoing initiatives
  • Create a professional online presence for credibility

The Solution

I developed a responsive website using Vue.js and Gridsome that provides:

Key Features

  • Responsive Design: Mobile-first approach ensuring accessibility across all devices
  • Project Showcase: Dedicated sections highlighting blood donation programs, food distribution, and sanitation initiatives
  • Team Profiles: Professional presentation of board members and their roles
  • News & Updates: Blog-style updates about recent activities and achievements
  • Contact Integration: Easy ways for visitors to get involved and contribute

Technical Implementation

The website was built using modern web technologies:

  • Vue.js: Progressive JavaScript framework for dynamic user interfaces
  • Gridsome: Static site generator for Vue.js with SEO optimization
  • Tailwind CSS: Utility-first CSS framework for rapid development
  • JavaScript: Core programming language for interactive functionality
  • Git: Version control for collaborative development
  • Static Site Generation: Pre-rendered pages for optimal performance and SEO

Impact and Results

The website launch in March 2025 has improved the organization's online presence:

  • Enhanced Credibility: Professional website establishes trust with donors and partners
  • Increased Visibility: Better search engine presence and social media integration

Role and Responsibilities

As Developer & Fundraising Coordinator, my responsibilities included:

  • Website Development: Full-stack development of the organization's online presence
  • Content Management: Organizing and presenting information about programs and team members
  • Fundraising Support: Creating platforms and tools to facilitate donations and support
  • Technical Maintenance: Ensuring the website remains functional and up-to-date

Future Development

The website serves as a foundation for continued growth, with plans to:

  • Integrate online donation systems
  • Add volunteer registration forms
  • Expand content with more detailed project reports
  • Implement multilingual support for broader accessibility

This project demonstrates my commitment to using technical skills for social impact, combining web development expertise with community service to create meaningful change.