Description

diaryapp is a tool for saving, searching, accessing you daily diary entries.

Technologies

  • Next.js 12
  • Tailwind CSS 3
  • TypeScript
  • ESLint
  • Prettier
  • Husky
  • Redux-Toolkit - Client side State Management
  • React Query - Server side State Management
  • NextAuth.js - Authentication
  • Absolute import - Import folders and files using the @ prefix

Feature Roadmap

  • Design

    • Dark and light mode themes
    • Smooth page transition using Framer Motion
    • Custom made responsive components and elements using Tailwind, Tailwind Styled Components and CVA
    • Mobile and desktop navigation
    • Highlight active route in navigation (Sidebar, ...)
    • Demo area where user can try out the app without having to sign up
  • Insights

    • Current streak in days
    • Longest streak in days
    • Total words written
    • Most used tags and emotions
  • Settings

    • User can sign out
    • User can delete its account
  • Entry Editor

    • Custom text transformation functions (make text bold, italic, ...)
    • Ability to undo or redo changes
    • Option to add custom tags to the entry
    • Option to pick a suitable emotion
    • Option to delete an entry
    • Display maximum text characters per entry
    • Limit amount of tags the user can add
  • Backend

    • Auth using NextAuth.js
    • API routes to CRUD diary entries
    • Ability for the user to delete its account and entries
    • Journal entry validation with zod
  • TODO

    • Unit testing with react testing library
    • E2E testing with cypress
    • Pagination / Lazy Loading for entries

Screenshots

Disclaimer

diaryapp ("this software") is not a consumer product and provides no warranty of any kind. By using this software, you agree that you are doing so at your own risk. The creators of this software are not responsible for loss of data or other damages that may result in its operation.