https://github.com/the-rfer/love-vault

Love Vault – A Next.js app with Supabase authentication and storage, built for securely saving, organizing, and sharing relationship memories.
https://github.com/the-rfer/love-vault

love-vault motion nextjs supabase tailwind vercel zod

Last synced: 3 months ago
JSON representation

Love Vault – A Next.js app with Supabase authentication and storage, built for securely saving, organizing, and sharing relationship memories.

• Host: GitHub
• URL: https://github.com/the-rfer/love-vault
• Owner: the-rfer
• License: mit
• Created: 2025-09-02T21:11:38.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-09-12T01:04:17.000Z (9 months ago)
• Last Synced: 2025-09-12T03:41:17.504Z (9 months ago)
• Topics: love-vault, motion, nextjs, supabase, tailwind, vercel, zod
• Language: TypeScript
• Homepage: https://love-vault-three.vercel.app
• Size: 8.83 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Roadmap: ROADMAP.md

Awesome Lists containing this project

README

          
# 💖 Love Vault

A modern web app to store and celebrate your special memories.

Built with [Next.js](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com/), and deployed on [Vercel](https://vercel.com/).

---

## ✨ Demo

🔗 **Live Demo**: [love-vault-three.vercel.app](https://love-vault-three.vercel.app/)

📸 **Screenshots**

![Vault dashboard](./public/screenshots/dashboard.png)

![Moment details](./public/screenshots/details.png)

![Create new moments](./public/screenshots/new.png)

---

## 🚀 Features

-   🗂️ Create and manage your personal memory vaults

-   🖼️ Add photos, notes, and special dates

-   🎨 Clean, modern, and intuitive design

-   ⚡ Fast & optimized (Next.js + Vercel)

---

## 🛠️ Tech Stack

-   **Framework**: Next.js (App Router) + TypeScript

-   **Styling**: Tailwind CSS, shadcn/ui

-   **Animations**: Framer Motion

-   **Validation**: Zod

-   **Database**: Supabase

-   **Hosting**: Vercel

-   **Analytics**: Vercel Analytics

---

## 📦 Installation

Clone and set up locally:

```bash

# Clone repo

git clone https://github.com/the-rfer/love-vault.git

cd love-vault

# Install dependencies

npm install

# Start dev server

npm run dev

```

Your app will be live at [http://localhost:3000](http://localhost:3000).

---

## 🔑 Environment Variables

Create a `.env.local` file in the project root and add:

```bash

NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url

NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key

NEXT_PUBLIC_SITE_URL=http://localhost:3000

```

---

## 🚀 Deployment

Deploy with one click on **Vercel**:

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/the-rfer/love-vault)

---

## 📊 Analytics

-   **Vercel Analytics**: enable in the Vercel dashboard.

---

## 🗂️ Project Structure

```

love-vault/

├── app/                # Next.js app router pages

├── components/         # Reusable UI components

├── actions/            # Server actions

├── lib/                # Utilities & helpers

├── scripts/            # Executable SQL scripts for Supabase

├── public/             # Static assets

└── ...

```

---

## 🤝 Contributing

Contributions are welcome! Please open an issue or submit a pull request.

---

## 📜 License

MIT License © [Rúben Fernandes](https://github.com/the-rfer)