Wildlife Web App

A full-stack web application showcasing Ontario wildlife, featuring animal information, interactive maps, blogs, donations, and user engagement features.

🌟 Features

• User Authentication: Secure registration, login, and profile management.
• Wildlife Catalog: Paginated animal information with images and details.
• Interactive Map: Google Maps integration to display animal habitats.
• Donation System: Stripe API integration for real-time donation processing.
• Blog Section: Users can read and comment on wildlife-related articles.
• Volunteer Application: Online form submission for volunteering opportunities.

🚀 Tech Stack

Frontend:

• HTML/CSS
• JavaScript
• Bootstrap

Backend:

• Node.js
• Express.js
• MongoDB Atlas

Third-Party APIs & Tools:

• Google Maps API
• Stripe API
• Render (Deployment)

🎯 Project Highlights

• Designed and implemented full-stack architecture independently.
• Built RESTful APIs for smooth client-server communication.
• Deployed backend on Render and database on MongoDB Atlas.
• Implemented payment and map integrations to simulate real-world e-commerce and location-based services.

🔗 Live Demo

🌐 Wildlife Web App

📂 Repository

Source Code: GitHub - gracefy/wildlife-web-app

📌 Project Background

This project was developed during my academic program to practice full-stack web development and deployment skills. It reflects my ability to build, deploy, and maintain a production-ready web application from scratch.