Build Custom Next.js Nonprofit Platform

# Custom Nonprofit Website Development – Full-Scale Next.js Project

Designed and developed a fully custom, responsive website from scratch using **Next.js**, tailored to the organization's brand identity, operational needs, and digital presence.

### 1. Website Design & Development
- Built a fully custom website from scratch using Next.js.
- Fully responsive across mobile, tablet, and desktop devices.
- Developed the following pages:
- Home
- About Us
- Our Story
- Scholarships
- Scholarship Application
- Mentorship
- Get Involved
- Donate
- Contact Us
- Thank You
- Image Credits
- Custom 404 Error Page
- Created two visual design variations: an image-based version and an illustration-based version.
- Implemented a custom design system aligned with the organization's logo and brand identity.

### 2. Interactive Features & UI/UX
- Image slider with an integrated progress indicator.
- Scroll-triggered animations and progressive content reveals.
- Animated statistics and counters.
- University logo carousel.
- Custom footer featuring contact information, mailing address, and social media links.
- Dedicated Coming Soon landing page.
- Private preview link for reviewing the website before its official launch.

### 3. Forms & Email Integration
- Developed custom forms for:
- General inquiries and contact requests.
- Scholarship applications.
- Volunteer registrations.
- Newsletter subscriptions.
- Integrated automated email notifications to deliver form submissions directly to the organization.

### 4. Security & Spam Protection
- Google reCAPTCHA integration.
- Input validation and field length restrictions.
- Request rate limiting to prevent form abuse.
- HTTPS implementation.
- Security headers configuration.
- Server-side file access protection.
- Security testing and vulnerability checks.

### 5. SEO & Search Engine Optimization
- Custom SEO titles and meta descriptions for individual pages.
- Structured data (Schema Markup) for Google search visibility.
- XML sitemap generation.
- Social media sharing metadata and Open Graph integration.

### 6. Hosting & Deployment
- Deployed and configured the website on Hostinger.
- Production environment setup and configuration.
- Troubleshooting and resolving caching-related issues.
- Verified website functionality after deployment.

### 7. Online Donation System (Under Testing)
- Integrated PayPal donation functionality.
- Embedded credit/debit card payment experience.
- PayPal and Venmo payment options.
- Recurring monthly donation support.
- Donor information collection for tax-related records.

### 8. Additional Pages & Features (Under Review)
- **Our Partners:** A dedicated partnership page featuring BLESS.
- **Meet Our Fellows:** A dedicated page introducing the organization's fellows.
- Interactive data visualizations and charts.
- Financial expenditure summaries and transparency information.

### Technology Stack
- **Frontend:** Next.js, React.js
- **Styling:** Custom responsive UI and CSS
- **Backend:** Server-side functionality and API integrations
- **Security:** Google reCAPTCHA, HTTP security headers, input validation, rate limiting
- **Payments:** PayPal, Venmo
- **SEO:** Schema Markup, XML Sitemap, Open Graph
- **Hosting:** Hostinger

### Project Scope
A complete nonprofit digital platform combining custom web development, responsive UI/UX, security implementation, SEO optimization, email automation, and online fundraising capabilities.