https://github.com/charmingdc/dayforge
DayForge - Shape your day with intention. A to-do list web app built to plan my days ahead.
https://github.com/charmingdc/dayforge
opensource reactjs todolist
Last synced: 12 months ago
JSON representation
DayForge - Shape your day with intention. A to-do list web app built to plan my days ahead.
- Host: GitHub
- URL: https://github.com/charmingdc/dayforge
- Owner: Charmingdc
- Created: 2025-03-05T19:44:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-25T00:59:00.000Z (about 1 year ago)
- Last Synced: 2025-04-10T14:45:35.534Z (about 1 year ago)
- Topics: opensource, reactjs, todolist
- Language: TypeScript
- Homepage: https://dayforge.vercel.app
- Size: 126 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **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:**
```bash
git clone https://github.com/Charmingdc/DayForge
```
- 📦 **Install Dependencies:**
```bash
npm install
# or
yarn install
# or
pnpm install
```
- 🚀 **Start the Development Server:**
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:5173](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/](https://react.dev/) |
| TypeScript | [https://www.typescriptlang.org/](https://www.typescriptlang.org/) |
| Vite | [https://vitejs.dev/](https://vitejs.dev/) |
| ESLint | [https://eslint.org/](https://eslint.org/) |
| Sonner | [https://sonner.emilkowalski.com/](https://sonner.emilkowalski.com/) |
| VitePWA | [https://vite-pwa-org.netlify.app/](https://vite-pwa-org.netlify.app/) |
| React Icons | [https://react-icons.github.io/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](LICENSE).
## 🧑💻 Author Info
- **Charmingdc**
- [GitHub](https://github.com/Charmingdc)
- [LinkedIn](https://www.linkedin.com/in/adebayo-muis/)
- [Twitter](https://twitter.com/Charmingdc01)
[](https://github.com/samueltuoyo15/Dokugen)