Skip to content

Interactive daily journaling web app with drawable entries and Apple Pencil support. Built with TypeScript, React, and Tailwind CSS. Live demo available.

License

Notifications You must be signed in to change notification settings

brodynelly/journaling--web-application

Repository files navigation

Journaling Web App

License: MIT CI TypeScript

A mockup for a daily journaling web app with drawable entries. Concept prototype for a guided journaling experience — handwritten input via Apple Pencil on iPad, with entries stored and displayed on the home feed.

Live demo: https://marvelous-kelpie-866eb4.netlify.app/

Screenshots

Home feed Entry view

Tech Stack

  • TypeScript / React — UI and component logic
  • Tailwind CSS — styling
  • Netlify — deployment
  • REST API — basic POST routes for journal entries

Getting Started

git clone https://github.com/brodynelly/journaling--web-application
cd journaling--web-application
npm install
npm run dev

Open http://localhost:5173 in your browser.

Usage

  • The home page displays a feed of existing journal entries
  • Click New Entry to create a drawable canvas entry
  • Entries are posted to the API and reflected in the feed

Project Structure

src/
├── components/     # Reusable UI components
├── pages/          # Route-level views
├── api/            # API call helpers
└── main.tsx        # App entry point

License

MIT

About

Interactive daily journaling web app with drawable entries and Apple Pencil support. Built with TypeScript, React, and Tailwind CSS. Live demo available.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published