sloth255 profile

sloth255 (Personal Development) Portfolio

Developing practical and user-friendly web applications

View AppsView Blog

Applications

Own Info App

Check and share your network & device info quickly. From mobile or PC.

Live

Environment Info Checker for Developers & Testers

When troubleshooting or reporting bugs, do you get asked "Please tell us about your environment info" and find it time-consuming to gather the information?

Own Info App displays all necessary information on one page from both mobile and PC, making it possible to copy and share with one action.

Useful in these situations:

•Environment verification during remote support (including inquiries from mobile users)
•Information gathering for bug reports
•Responsive design testing
•Cross-device compatibility checking

Key Features

Network Information

Global IP address, location (country), network provider, etc.

Device Information

OS, browser, language settings, screen resolution, etc.

Easy Sharing

Copy and share with one action from mobile or PC

Multilingual Support

Available in English, Japanese, Chinese, Korean, German, French, Spanish, and Portuguese

Tech Stack

Next.js 15React 19TypeScriptTailwind CSSZustandFirebase Analytics
Open App
View All Apps

Latest Blog Posts

Recent articles and updates

Setting Up an AI 3D Modeling Environment by Integrating VSCode and Blender with MCP

This article explains how to set up an AI-powered 3D modeling environment by connecting VSCode and Blender using MCP (Model Context Protocol). The setup involves installing uv (a fast Python package manager), configuring an MCP server in VSCode, and installing a Blender add-on. Once connected, users can control Blender directly from VSCode using natural language instructions through GitHub Copilot, making 3D modeling more accessible even for beginners without extensive programming knowledge.

by Sloth255
Read more

Released Own Info App — Minimal App with Next.js (SSG) × S3 × CloudFront

This article introduces "Own Info App" a multilingual web application built with Next.js 15 (SSG), deployed on S3 + CloudFront, that displays network and device information with copy/share functionality, featuring CloudFront Functions for URL rewriting, per-locale SEO optimization, and a GitHub Actions CI/CD pipeline for automated deployment.

by Sloth255
Read more

Refactoring State Management with Next.js × Zustand

This article describes refactoring state management in a Next.js 15 app by introducing Zustand with a slice pattern and bounded store architecture, consolidating data fetching logic from scattered components into the store layer with session persistence, TTL-based caching, and retry mechanisms to improve performance and reliability.

by Sloth255
Read more
View All Posts