Dailysh - Diary Web Application

Dailysh is a web-based diary application developed using HTML, CSS, and JavaScript (ECMAScript). This application provides an intuitive platform for managing daily tasks and notes without relying on any JavaScript frontend frameworks or backend/database development. The data is stored locally( local storage ). The project enhances the understanding of web application service flow and CRUD (Create, Read, Update, Delete) operations.

Features

• Splash Page
• Task Management
  • Add, View, Update, Delete tasks
  • Total tasks count
  • In-progress tasks count
  • Upcoming tasks count
  • Task details (title, description, status, priority, start date and time, due date and time, tags)
• Note Management
  • Add, View, Update, Delete notes
• Light/Dark Mode

Technology Used

• HTML
• CSS
• JavaScript (ECMAScript)
• Web Components

Project Setup

To set up this project locally, follow these steps:

1. Clone the Repository

   • Open a terminal or command prompt and navigate to the directory where you want to clone the project.
   • Use the git clone command followed by the URL of the remote repository:

     git clone https://git.clp.kr/anbschool/2nd/tech-a/prak-sreypov/praksreypov-dairy-web.git

2. Navigate to the Project Directory

   • Change into the cloned project directory:

     cd praksreypov-dairy-web

3. View the Website

   • Open the index.html file in your preferred text or code editor.
   • Right-click on the index.html file and select "Open with" or "Open in Browser" (depending on your operating system).

Project Structure

praksreypov-dairy-web/
│
├── public/
│   ├── all-notes.html
│   │   
│   ├── all-task.html
│   │   
│   └── dashboard.html
|
├── src/
│   ├── images/
│   │   └── [image files]
│   ├── script/
│   │   ├── components
│   │       └── [ components files ]
│   │   ├── crud
│   │       └── [ crud files ]
│   |   └── data
│   │       └── [ data files ]
│   └── styles/
│       └── [ styles files ]
│
├── index.html
├── README.md
└── .gitignore

Contributing

Contributions are welcome!

Conclusion

Dailysh is a simple yet effective diary web application that demonstrates the use of HTML, CSS, and JavaScript for managing tasks and notes. Feel free to explore, use, and contribute to the project.

Explore more about this project in my Notion

https://stripe-baron-50e.notion.site/Dairy-Web-Application-Dailysh-cf2b97c73f2c481da22d1203c0cebf67?pvs=4

Dailysh - WISH MORE, ACHIEVE MORE!