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

PDS Express
PDS Express

PDS Express is a web app built with Next.js that helps users enter their personal information once and automatically generate a filled CSC Form 212 Personal Data Sheet PDF for government job applications, HR requirements, and other official submissions. Built with Next.js App Router, React, Tailwind CSS, PostgreSQL, Prisma ORM, and pdf-lib, it supports structured PDS sections such as personal information, family background, education, work experience, trainings, and references, while also offering a mobile-friendly experience with Progressive Web App support and planned features like authentication, payments, resume import, and AI-assisted autofill.

ainexttailwindcssneon
View Live Site
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

© 2025 Leigh Dinaya. All rights reserved.