Let's connect

Prisha Charity Foundation Website

Prisha Charity Foundation Website
Client: Prisha Charity Foundation
Technologies:
React
Open Project

Project overview

The public-facing website for the Prisha Foundation serves as the primary digital gateway for potential and existing sponsors. Its core purpose is to showcase children available for sponsorship, provide a seamless experience for new sponsorship requests, and offer a secure portal for current sponsors to track their impact. Designed with a focus on user engagement and transparency, the website aims to foster a stronger connection between the foundation's mission and its global community of supporters. My involvement focused on bringing the foundation's vision to life through a compelling and highly functional user interface.

My Role & Responsibilities

As the frontend developer for the Prisha Foundation's public website, my responsibilities were centered on user experience, visual design implementation, and robust integration with the backend CSOMS. Key areas included:

  • UI/UX Implementation: Translating design mockups and wireframes into a fully functional and responsive web interface using React, ensuring an intuitive and engaging user journey.

  • Frontend Development: Building reusable React components, managing application state, and implementing interactive elements to enhance user interaction.

  • API Integration: Consuming RESTful APIs developed for the internal CSOMS to dynamically display child profiles, process sponsorship requests, and manage sponsor portal data.

  • Responsive Design: Ensuring the website provides an optimal viewing and interaction experience across a wide range of devices, from mobile phones to large desktop screens, using modern CSS techniques.

  • Performance Optimization: Optimizing website loading times and rendering performance for a smooth user experience.

  • Cross-Browser Compatibility: Ensuring consistent functionality and appearance across different web browsers.

Key Features Implemented

  1. Child Sponsorship Showcase

    1. Dynamic Profiles: Displays a curated list of children available for sponsorship, each with a detailed profile including images, age, gender, and a brief story, fetched dynamically from the CSOMS.

  2. Sponsor Portal

    1. Secure Login: A dedicated and secure login area for existing sponsors to access their personalized dashboard.
    2. Child Updates: Provides access to updates, stories, and progress reports about their sponsored child, fostering a direct connection and demonstrating impact.
    3. Donation History: Allows sponsors to view a comprehensive record of their past donations and financial contributions.
    4. Automated Communication: Displays automated thank-you messages and important announcements from the foundation.

  3. General Information Pages

    1. About Us: Details the Prisha Foundation's mission, vision, values, and team.
    2. Contact Us: Provides various methods for visitors to get in touch with the foundation.