01
Calendar
Each day you write an entry leaves a footprint on the calendar, making it easy to revisit what you recorded that day.
About Pawth
A small web journaling app for capturing everyday moments.
Record your day, then look back on your journey through the calendar and timeline.
App Screens
What You Can Do with Pawth
Record each day and look back on the days you've accumulated in different ways.
02
Timeline
Browse your past entries chronologically and scroll through the record you've built over time.
03
Customize
Customize your profile image, display name, calendar icon, and journal visibility to make Pawth your own.
Usability
Simple and Easy to Use
Because Pawth is designed for everyday use, it keeps features focused and interactions simple and intuitive.
01
Simple UI
Pawth focuses on the features you need, with a clean interface designed to stay easy to navigate.
02
Swipe Support
On smartphones, swipe gestures make it natural to move between screens and journal entries.
03
Responsive Design
Pawth adapts to desktops, tablets, and smartphones for a comfortable experience across screen sizes.
Theme Colors
Make It Feel Like Yours
Choose between light, dark, and system themes to match your environment and preference.
UX Design
Thoughtful Design, Down to the Details
Pawth is designed with attention to both visual beauty and the comfort of everyday interaction. From layout and navigation to subtle animations, each detail is considered to make journaling feel natural and enjoyable.
01
Balancing Readability and Aesthetics
Readability is an important consideration in the design, with careful attention to the contrast between text and backgrounds, color choices, and spacing. At the same time, expressive colors and lighting effects add visual character, creating a thoughtful balance between clarity and aesthetics.
02
Intuitive and Enjoyable Interactions
Clear navigation is combined with playful details such as animated paw prints, page-turning journal cards, calendar interactions, thoughtful modal prompts, and timeline transitions. The goal is to make interactions both easy to understand and pleasant to use.
03
Thoughtful Constraints for Each Day
Pawth is a text-based journal focused on expressing daily experiences through words rather than images. Its rules include one entry per day, limited edits on the current day, no editing of past entries, the ability to delete past entries, and no future-dated posts. These constraints help shape the experience of recording each day.
04
Design with Personality
The interface aims to be approachable regardless of age or prior experience. Color, motion, and language add warmth and personality while keeping interactions understandable. The design seeks to respect each person's individuality and sense of expression.
05
Learning, Applying, and Refining
Ideas and techniques explored through web design and interaction experiments are brought back into Pawth. As a regular user of the app myself, I continue to evaluate its usability, notice small points of friction, and refine its design through hands-on experience.
Draw each day in small strokes, and make yourself a work of art.
Quality Engineering
Design, Verify, Improve
Quality is considered throughout the development process, from implementation to testing, review, and change management. Pawth is developed with attention to reliability, security, accessibility, and continuous improvement.
01
Automated Quality Verification
RSpec model and request tests, together with Playwright end-to-end tests, cover important behaviors including daily posting rules, edit restrictions, authentication, navigation, journal creation and editing, and swipe interactions. These tests help detect regressions as the application evolves.
02
Security and Data Protection
Tests cover unauthorized operations, access to other users' entries, parameter tampering, and login rate limiting. Particular attention is given to protecting private journal entries, including checks that private content is not exposed in HTML responses.
03
Accessibility Considerations
Readability, keyboard interaction, and clear interface states are considered during development. Automated checks using axe-core help identify accessibility issues that may not be apparent from visual inspection alone.
04
Pull Requests and Continuous Integration
Pull Requests document the purpose of changes, implementation details, and verification results so decisions can be revisited later. GitHub Actions and development scripts support continuous checks for code quality, formatting, and automated tests.
05
AI-Assisted Review and Human Judgment
AI-assisted code reviews help uncover potential issues and overlooked details. I use the feedback to refine code and design, while evaluating each suggestion against my experience and hands-on use rather than accepting it automatically. I also consider the balance between quality and development cost.
The production environment is currently offline.