{"id":20391100,"url":"https://github.com/aditya76-git/daily-diary-frontend","last_synced_at":"2026-05-28T13:06:15.497Z","repository":{"id":254495421,"uuid":"846713283","full_name":"aditya76-git/daily-diary-frontend","owner":"aditya76-git","description":"Frontend code for Daily Diary built with Flowbite and developed entirely in pure JavaScript","archived":false,"fork":false,"pushed_at":"2024-08-23T19:51:14.000Z","size":207,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T10:14:05.805Z","etag":null,"topics":["flowbite","javascript"],"latest_commit_sha":null,"homepage":"https://daily-diary-web.pages.dev","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aditya76-git.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-23T19:47:38.000Z","updated_at":"2024-09-25T06:31:26.000Z","dependencies_parsed_at":"2024-08-23T21:17:13.582Z","dependency_job_id":"9a72c570-77d4-4fa2-ae69-99fe140c101b","html_url":"https://github.com/aditya76-git/daily-diary-frontend","commit_stats":null,"previous_names":["aditya76-git/daily-diary-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aditya76-git%2Fdaily-diary-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aditya76-git%2Fdaily-diary-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aditya76-git%2Fdaily-diary-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aditya76-git%2Fdaily-diary-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aditya76-git","download_url":"https://codeload.github.com/aditya76-git/daily-diary-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241940579,"owners_count":20045883,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flowbite","javascript"],"created_at":"2024-11-15T03:28:47.290Z","updated_at":"2026-05-28T13:06:10.475Z","avatar_url":"https://github.com/aditya76-git.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003edaily-diary-frontend 📒\u003c/h1\u003e\r\n\u003cp align=\"center\"\u003e\r\n    \u003cimg src=\"https://i.imgur.com/wuO9WOM.png\" alt=\"daily-diary-web\"\u003e\r\n\u003c/p\u003e\r\n\r\n\u003ch4 align=\"center\"\u003e\r\nFrontend code for Daily Diary built with Flowbite and developed entirely in pure JavaScript \u003c/h4\u003e\r\n\r\n\u003cdiv style=\"text-align:center;\"\u003e\r\n  \u003ca href=\"https://github.com/aditya76-git\"\u003eaditya76-git\u003c/a\u003e /\r\n  \u003ca href=\"https://github.com/aditya76-git/daily-diary-frontend\"\u003edaily-diary-frontend\u003c/a\u003e\r\n\u003c/div\u003e\r\n\r\n\u003cbr /\u003e\r\n\r\n## 🚀 Live Demo\r\n\r\nExperience the app in action! Visit the live demo:\r\n\r\n[daily-diary-web.netlify.app](https://daily-diary-web.netlify.app)\r\n\r\n## ⚙️ Making changes in the config\r\n\r\nTo adjust the application settings, you need to locate the `Config` class and modify the following:\r\n\r\n1. Find the `Config` class in your codebase.\r\n2. Adjust the `localhost` property:\r\n   - Set to `true` for local development (this will have .html file in the url)\r\n   - Set to `false` for production deployment (this will not have .html in the filename, good for deploys made on netlify)\r\n3. Update the `serverApiBaseUrl` to match your server's address:\r\n   - For local development, it's typically \"http://127.0.0.1:5000\"\r\n   - For production, use your deployed API's URL\r\n4. If needed, change the `defaultProfilePhoto` URL to your preferred default image\r\n\r\nExample:\r\n\r\n```javascript\r\nclass Config {\r\n  constructor() {\r\n    this.localhost = true; // Set to false for production\r\n    this.serverApiBaseUrl = \"http://127.0.0.1:5000\";\r\n    this.defaultProfilePhoto =\r\n      \"https://flowbite.com/docs/images/people/profile-picture-5.jpg\";\r\n  }\r\n}\r\n```\r\n\r\nRemember to update these settings before deploying your application to ensure it connects to the correct server and uses the appropriate configuration for your environment.\r\n\r\n[daily-diary-web.netlify.app](https://daily-diary-web.netlify.app)\r\n\r\n## 📝 Description\r\n\r\nThis repository contains the fronend code for a journaling web app called Daily Diary. It is built with flowbite and developed entirely in pure JavaScript\r\n\r\n## 🌟 Key Features\r\n\r\n- User authentication (signup, login, logout)\r\n- Login with Google\r\n- Create and edit diary entries\r\n- Categorize entries\r\n- Search functionality\r\n- Streak tracking for daily entries\r\n\r\n## 🔍 Overview\r\n\r\nThe application is structured around a single `script.js` file that uses a page handler system to manage different views (signup, login, dashboard, etc.). This approach keeps the codebase modular and easy to maintain.\r\n\r\nKey classes include:\r\n\r\n- `PageHandler`: Manages different page views\r\n- `ApiRequestUtils`: Handles API requests\r\n- `Utils`: Provides utility functions used throughout the app\r\n- `LocalStorageUtils`: Manages local storage operations\r\n- Various handler classes for specific functionalities (e.g., `LoginFormHandler`, `DashboardAddEntryHandler`)\r\n\r\n## 📸 Screenshots\r\n\r\n\u003cp align=\"center\"\u003e\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/AhCY85u.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/mygCx5H.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/KCNCT2E.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/DQ1S4ZX.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/vvW7jB3.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/EsTYOnf.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/Zzb8Gzk.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003ca href=\"\"\u003e\r\n  \u003cimg src=\"https://i.imgur.com/FQcVmf5.png\"/\u003e\r\n\u003c/a\u003e\u0026nbsp; \u0026nbsp; \u0026nbsp;\r\n\u003c/p\u003e\r\n\r\n## 🎯 Conclusion\r\n\r\n- The project demonstrates how small, interconnected components can create a cohesive application.\r\n\r\n## 🌟 Show Your Support\r\n\r\n- If you find this project useful or interesting, please consider giving it a star on GitHub. It's a simple way to show your support and help others discover the project.\r\n\r\n## 💻Authors\r\n\r\n- Copyright © 2024 - [aditya76-git](https://github.com/aditya76-git) / [daily-diary-frontend](https://github.com/aditya76-git/daily-diary-frontend)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faditya76-git%2Fdaily-diary-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faditya76-git%2Fdaily-diary-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faditya76-git%2Fdaily-diary-frontend/lists"}