savepet-app Tailwind Templates

Savepet App

NextJS app to post strays for adoption. Uses Appwrite and React+Tailwind. Testing CustomForms, multifile upload and fetching from buckets

This is a Next.js project bootstrapped with create-next-app.

SavePet - Find Homes for Stray Animals in your city

SavePet logo

SavePet is a Next.js web application built with React, Tailwind CSS, and Appwrite. It allows users to register, log in, and post stray animals for adoption, helping them find a loving home.

🚀 Features

  • User Authentication - Secure login and registration system.
  • Adoption Posts - Users can create, edit, and delete adoption listings.
  • Custom React Components - Streamlines form creation for improved usability.
  • Image Upload & Storage - Saves pet images in an Appwrite bucket.
  • Responsive UI - Designed with Tailwind CSS for a seamless mobile-friendly experience.
  • Private Messaging System (future feature) - Enables communication between users regarding adoptions.

🛠️ Tech Stack

  • Frontend: Next.js, React, Tailwind CSS
  • Backend: Appwrite (Database, Authentication, File Storage)
  • Deployment: Vercel (Frontend), Appwrite Cloud (Backend)

📦 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/CFSanchezV/savepet.git
cd savepet

2️⃣ Install Dependencies

npm install

3️⃣ Set Up Environment Variables and Run the Migrations

I'll provide migrations to replicate the Appwrite database in the future

4️⃣ Run the Development Server

npm run dev

Visit http://localhost:3000 to see the app in action.

📸 Screenshots

registration stray post

list strays

📜 License

This project is licensed under the MIT License. Feel free to use and modify it! If you learn anything from it, feel free to let me know.


Made with ❤️

Top categories

Loading Svelte Themes