DEV Community: redpangilinan

Crikket: The Open Source, Self-Hostable Alternative to Jam.dev

redpangilinan — Thu, 05 Mar 2026 06:17:42 +0000

Stop asking users for "steps to reproduce." Crikket is an open-source, self-hostable bug reporting tool that captures everything you need in one click.

What it does

One-Click Capture: Capture a recording or screenshot easily and get a full bug report with all the context you need.
Full Context: Bug report details, steps to reproduce, console logs and network requests. All the things you need from a bug report is included.
Self-Hostable: Get everything setup in under 10 mins. You can easily deploy using Docker + Caddy or Vercel.

Quick Setup

npm install @crikket-io/capture

import { init } from "@crikket-io/capture"

init({
  key: "crk_your_public_key",
  host: "https://api.crikket.io",
})

Check it out

Github: https://github.com/redpangilinan/crikket
Self-host: https://crikket.io/docs/self-hosting
Website: https://crikket.io

Iotawise: An Open-Source Habit Tracking App

redpangilinan — Wed, 10 Jan 2024 17:50:16 +0000

Introducing Iotawise, an open-source habit tracking app I built using latest technologies such as Next.js /app dir and shadcn/ui, designed to make tracking habits and building activity streaks effortless!

Github Repository: Source
Live Website: Iotawise

Features 📙

User-Friendly Interface: With Iotawise, tracking your habits is as easy as it gets. The intuitive interface ensures a seamless experience for users of all levels.
Habit/Activity Tracking: Monitor your daily habits effortlessly and keep a close eye on your progress over time.
Activity Streak Monitoring: Stay motivated by visualizing your activity streaks. Celebrate your accomplishments and stay on track with your goals.
Dashboard Analytics: Gain valuable insights into your habits with analytics and visualization on the dashboard. Understand patterns and optimize your routines for success.
Cross-Platform Support (PWA): Access Iotawise from any device with cross-platform support, thanks to its Progressive Web App (PWA) capabilities.

Tech Stack 🛠️

Next.js: Using the /app directory for the utilization of cutting-edge technologies.
TypeScript: Ensuring type-safe and scalable code.
Tailwind CSS: Styling made easy for a sleek and responsive design.
shadcn/ui Components: Leveraging components for a consistent and polished UI.
NextAuth.js: Implementing secure Google Authentication.
Prisma: An ORM for seamless database interactions.
Zod: Utilizing Zod for robust data validations.
PlanetScale: The MySQL database ensuring data integrity and performance.

Contribute 🤝

Iotawise is open source, and your contributions are more than welcome! Whether you're a developer, designer, or habit enthusiast, join me in making Iotawise even better. Check out the GitHub repository and feel free to contribute!

Next.js 14+ starter template with app router, shadcn/ui, typesafe env, icons, and configs setup

redpangilinan — Sat, 30 Dec 2023 19:07:06 +0000

Simple next.js 14 starter template with everything pre-configured to get you started with development right away.

This template has all the simple things setup for you to get right into development with minimal configuration.

All my projects follows this structure, so I made a template for personal use. Thought it would help other devs who wants to start a new Next.js project.

Features

This template uses shadcn's Next.js app structure from shadcn/ui.

Next.js 14+ /app router
TypeScript
Tailwind CSS
shadcn/ui (Radix UI + Tailwind)
Prettier (w/ auto sort imports and tailwind classes)
SEO optimized
Typesafe env, icons, and config
Ready to use - jump right into development

Usage

pnpm create next-app -e https://github.com/redpangilinan/next-entree

You can check the repo here: Github Repository