Skip to content

Huellas-Vivas/HuellasVivas

Repository files navigation

image

TypeScript Next JS NestJS TailwindCSS Stellar

Open Source

A donation platform that helps raise funds for pets and animals requiring medical treatment or special care.

Conduct β€’ Security β€’ Contributing

🐾 Huellas Vivas

Huellas Vivas is a donation platform created to help pets and animals receive the medical care they need.

When a dog needs surgery, a cat requires treatment, or any animal faces high medical expenses, this platform allows people to create fundraising campaigns and receive support from others who care.

Because every paw leaves a mark. 🐢🐱


🌟 What is Huellas Vivas?

Huellas Vivas connects people who need help covering veterinary expenses with people who want to help.

Users can:

  • Create donation campaigns
  • Contribute to existing campaigns
  • Share cases with others
  • Comment and interact
  • Track fundraising progress in real time

The goal is simple: make animal care more accessible through community support.


πŸ’‘ How It Works

πŸ“ Create a Post

A post includes:

  • Title
  • Detailed description of the case
  • Supporting evidence (photos, videos, medical documents)
  • Target fundraising amount
  • Real-time progress indicator

Once the goal is reached, the campaign is automatically marked as completed β€” but it can still receive additional donations.


πŸ’¬ Community Interaction

Each post includes:

  • A comment section
  • The ability to reply to other users
  • A visual category indicator (Dog, Cat, Rabbit, Others)

Posts are displayed in a vertical infinite scroll feed, similar to social media platforms.


πŸ” Secure Donations

  • Passwords and sensitive data are securely encrypted.
  • Donations are protected using blockchain-based escrow logic.
  • Donors may request additional proof before releasing funds.
  • Transparency is a priority.

πŸ‘€ User Features

To donate or create a campaign, users must register.

Registration includes:

  • Username
  • First name
  • Last name
  • Email
  • Secure password
  • Optional profile picture

After registering, users can:

  • Donate
  • Raise funds
  • Receive notifications
  • Manage their profile

πŸ”” Notifications

Users receive notifications when:

  • A donor requests additional proof
  • A fundraiser submits requested proof
  • A donation is successfully completed

🧱 Tech Stack

Layer Technologies
Frontend Next.js, React, TypeScript β€” minimalist and accessible UI (Tailwind CSS, shadcn/ui)
Backend NestJS β€” RESTful API, scalable modular structure

πŸ“‚ Repository Structure

This is a monorepo: the frontend lives in the root and the API in a separate folder.

huellas-vivas/
β”œβ”€β”€ app/              # Next.js App Router (pages, layouts)
β”œβ”€β”€ components/       # Reusable UI (including shadcn/ui)
β”œβ”€β”€ hooks/            # React hooks
β”œβ”€β”€ lib/              # Utilities and shared logic
β”œβ”€β”€ public/           # Static assets
β”œβ”€β”€ backend/          # NestJS API
β”‚   β”œβ”€β”€ src/          # Application source
β”‚   └── test/         # Backend tests
β”œβ”€β”€ CONTRIBUTING.md   # Setup and contribution guide
└── README.md

πŸ“„ Pages

  • 🏠 Home β€” Infinite scroll feed
  • πŸ“ Register
  • πŸ” Login
  • πŸ‘€ My Profile

Navigation is handled through a clean sidebar layout.


🎯 Project Vision

Huellas Vivas aims to:

  • Promote transparency in fundraising
  • Make donation campaigns accessible
  • Build a scalable open-source solution
  • Provide a clean and user-friendly experience

πŸš€ Getting Started

Prerequisites

  • Node.js 18.18+ (20+ recommended)

  • pnpm (recommended via Corepack):

    corepack enable
    corepack prepare pnpm@latest --activate
  • Git

1. Clone the repository

git clone https://github.com/YOUR_ORG/huellas-vivas.git
cd huellas-vivas

2. Install dependencies

Frontend (from repo root):

pnpm install

Backend:

pnpm -C backend install

3. Run the application

Use two terminals: one for the frontend, one for the backend.

Terminal 1 β€” Frontend:

pnpm dev

Then open http://localhost:3000 in your browser.

Terminal 2 β€” Backend:

The API runs on a different port so it doesn’t conflict with Next.js (default 3000).

  • Windows (PowerShell):
    $env:PORT=4000
    pnpm -C backend start:dev
  • Windows (CMD):
    set PORT=4000&& pnpm -C backend start:dev
  • macOS / Linux:
    PORT=4000 pnpm -C backend start:dev

The API will be available at http://localhost:4000.

4. Optional: run checks

  • Lint frontend: pnpm lint
  • Build frontend: pnpm build
  • Lint backend: pnpm -C backend lint
  • Test backend: pnpm -C backend test

🀝 Contributing

We welcome contributions. Please read CONTRIBUTING guide for:

  • Detailed setup and run instructions
  • Code style and project conventions
  • Pull request process and commit guidelines

πŸ“š Resources


πŸ“„ License

This project is currently unlicensed. See repository settings or contact the maintainers for usage terms.

About

A donation platform that helps raise funds for pets and animals requiring medical treatment or special care. Built with Next.js (frontend) and NestJS (backend).

Resources

Code of conduct

Contributing

Security policy

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages