Skip to content

Charmingdc/DayForge

Repository files navigation

DayForge: Craft Your Day with Intention 🚀

A sleek, modern to-do app built with React and TypeScript to help you plan your day effectively and achieve your goals. ✨

💻 Installation

Get started with DayForge in a few simple steps:

  • ⬇️ Clone the Repository:
git clone https://github.com/Charmingdc/DayForge
  • 📦 Install Dependencies:
npm install
# or
yarn install
# or
pnpm install
  • 🚀 Start the Development Server:
npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:5173 in your browser to view the app.

💡 Usage

DayForge is designed for simplicity and efficiency. Here’s how to make the most of it:

Adding a New Todo
  1. Tap the Add icon in the footer.
  2. Enter your todo text in the input field.
  3. Select either today or someday for the todo time.
  4. Click the Add Todo button.
Deleting Todos
  1. Select the todos you wish to delete by tapping the select button next to each todo.
  2. Tap the Trash icon in the footer.
Marking Todos as Complete
  1. Select the todos you wish to mark by tapping the select button next to each todo.
  2. Tap the Checkmark icon in the footer.

✨ Features

  • Intuitive Interface: A clean and user-friendly design for effortless task management.
  • 📅 Time-Based Categorization: Organize tasks into 'today' and 'someday' lists for better prioritization.
  • 🖱️ Interactive Todo Selection: Select multiple todos for batch actions like delete and mark as complete.
  • 📱 Progressive Web App (PWA): Installable and offline-ready for on-the-go productivity.
  • 🎨 Dark Mode Support: Adapts to your system preferences for comfortable viewing.

🛠️ Technologies Used

Technology Link
React https://react.dev/
TypeScript https://www.typescriptlang.org/
Vite https://vitejs.dev/
ESLint https://eslint.org/
Sonner https://sonner.emilkowalski.com/
VitePWA https://vite-pwa-org.netlify.app/
React Icons https://react-icons.github.io/react-icons/

🤝 Contributing

We welcome contributions to DayForge! Here are the guidelines:

  • 🐛 Report Bugs: Submit detailed bug reports to help improve the app.
  • 🛠️ Suggest Enhancements: Propose new features and improvements.
  • 💻 Submit Pull Requests: Contribute code changes following the project's coding standards.

📜 License

This project is licensed under the MIT License.

🧑‍💻 Author Info

Readme was generated by Dokugen

About

DayForge - Shape your day with intention. A to-do list web app built to plan my days ahead.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors