Beta

Firekit

A production-ready starter kit for Vue 3, Tailwind CSS, Vite and Firebase 9 with authentication, Firestore database, and cloud storage integration. Includes pre-built forms with validation using Vee-validate and Yup, plus a note-taking feature to demonstrate real-time data operations. Perfect for rapidly bootstrapping fullstack Vue applications with Firebase backend.

February 4, 2022
View Live Project
nuxttailwindcssfirebase

Project Notice

This project was built some time ago and may contain outdated dependencies or features. Some functionality might no longer work as expected.

Firekit

Note: This project was built in 2022 and may be outdated. Some dependencies or features might no longer work as expected.

About Firekit

Firekit is a starting template for Vue.js 3, Firebase, Vite. It uses composition API that was introduced in Vue 3.0 and up.

It includes forms that are created using vee-validate and yup util functions. Login and registration is present using firebase auth, which shows a couple of ways to utilize the onAuthStateChanged user observer by creating one after logging in or registering a new user.

The project includes a simple note taking features which utilizes Firebase Firestore.

Also included is an image uploader component, that allows a user to upload photos by utilizing firebase storage.

Styling is done using Tailwind CSS.

Other Projects

Unuxt
Unuxt

UNuxt is a full-featured Nuxt 4 template that streamlines the setup of modern web applications. With built-in authentication, organization management, and customizable themes, it reduces boilerplate while preserving flexibility. The project is built using Nuxt 4, TypeScript, Better Auth, and Drizzle ORM, with a strong focus on developer experience, clean UI patterns, and scalable architecture. It serves as a solid foundation for production-grade applications.

ainuxtuivercelnuxt
View Live Site
Blink
Blink

Blink is a high-performance local file-sharing application built with Nuxt 4 and WebRTC, enabling secure, lightning-fast peer-to-peer transfers directly between devices with zero server-side storage. The platform leverages WebSockets for real-time device discovery and PeerJS for reliable data chunking, ensuring seamless connectivity and live progress tracking across local networks. Designed for a premium user experience, it features a responsive interface with fluid GSAP animations and sophisticated dual-theme system for a polished, desktop-class feel.

ainuxttailwindcssWebRTC
View Live Site
Lettrly
Lettrly

A personal letter-writing web app with a paper-like interface. Visitors write private letters to you through your custom URL, choosing to remain anonymous or sign in. Features smooth envelope animations, real-time updates, and a clean dashboard for reading and managing letters. Built with Next.js 16, TypeScript, Tailwind CSS, Framer Motion, PostgreSQL, and Auth.js.

fullstacknextpostgresqlauth.js
View Live Site
Recon
Recon

A full-stack intelligence gathering platform that unifies 15+ CLI-based reconnaissance tools (Sherlock, theHarvester, Holehe, PhoneInfoga, and more) into a single browser-accessible interface. Built with Next.js 15, React 19, and Supabase, it features Docker-sandboxed tool execution, real-time job processing via BullMQ/Redis, and comprehensive security controls including Row Level Security and audit logging. The platform enables investigators to conduct username lookups, domain analysis, email verification, and metadata extraction while managing investigations and generating exportable reports.

fullstacknexttailwindcsssupabase
View Live Site

© 2025 Leigh Dinaya. All rights reserved.