DevJournal 🚀

A personal programming learning journal and task tracker to help you document your coding journey, debugging process, and daily progress.

Features

• 📝 Structured Logging: Templates for Daily Log, Project Updates, Skill Building, Debugging, and Learning New Tech
• ✅ Task Tracking: Built-in Todo list to manage daily coding tasks
• 💾 Auto-Save: Automatically saves your progress to your browser's local storage so you never lose data
• 📤 Import/Export:
  • Export logs as .txt files
  • Create full backups as .json
  • Import previous backups or merge data
  • Copy entries directly to clipboard
• 📊 Progress Tracking: Visual progress bar for daily tasks and statistics on your entries
• 🎨 Dark Mode UI: A developer-friendly, cyberpunk-inspired dark theme

Setup Instructions

This project is a static web application, meaning it runs directly in your browser without needing a backend server.

1. Download the files: Ensure you have index.html, style.css, and script.js in the same folder
2. Open the App: Simply double-click index.html to open it in your web browser

Project Structure

• index.html: Contains the HTML structure of the application
• style.css: Contains all the styling and responsiveness rules
• script.js: Handles the logic for saving data, generating templates, and managing todos

Usage

1. Select a Focus: Choose what you are working on (e.g., "Project Development" or "Bug Hunting") from the dropdown
2. Fill out the Log: Answer the guided questions in the template card
3. Save Entry: Click "Save Entry" to store your log
4. Manage Tasks: Add tasks to the "Today's Dev Tasks" panel on the right
5. Backup: Use the Data Management section at the bottom to export your data regularly

Data Management

The application provides comprehensive data management features:

• Export individual logs as text files
• Create complete JSON backups of all your entries
• Import previous backups to restore or merge data
• Copy entries to clipboard for quick sharing

Technologies Used

• HTML5
• CSS3 (Flexbox & Grid)
• Vanilla JavaScript (ES6+)
• LocalStorage API

Quick Links

• Features
• Setup Instructions
• Project Structure
• Usage
• Technologies Used

---

Happy Coding! 🎉