pet_world_platform

MERN Full Stack Pet Adoption App

A full-stack web application for pet adoption, built with the MERN stack (MongoDB, Express.js, React, Node.js). Users can browse pets, search/filter, manage accounts, and securely checkout with Stripe integration.

Features

• Browse available pets with images and details
• Search and filter pets by type, breed, and more
• User authentication and account management
• Add pets to cart and checkout with Stripe payments
• Responsive UI with Tailwind CSS
• Admin features for managing pets and users

Tech Stack

• Frontend: React, TypeScript, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT
• Payments: Stripe

Getting Started

Prerequisites

• Node.js & npm
• MongoDB (local or Atlas)
• Stripe account (for payments)

Installation

1. Clone the repo:

   git clone https://github.com/CaseyConlin/MERN-Full-Stack-Pet-Adoption-App.git
   cd MERN-Full-Stack-Pet-Adoption-App

2. Install backend dependencies:

   cd backend
   npm install

3. Install frontend dependencies:

   cd ../client
   npm install

4. Configure environment variables:

   • Edit backend/config/config.env with your MongoDB URI, JWT secret, Stripe keys, etc.

5. Start the backend server:

   cd ../backend
   npm start

6. Start the frontend app:

   cd ../client
   npm start

Usage

• Visit http://localhost:3000 to use the app.
• Register/login to manage your account and adopt pets.
• Admins can add/edit/remove pets and manage users.

Folder Structure

• backend/ - Express API, models, controllers, routes
• client/ - React frontend, components, context, services
• uploads/ - Pet images

Contributing

Pull requests are welcome! For major changes, open an issue first to discuss what you’d like to change.