Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thenewtoncode/maven-task-manager
Maven is a task manager application built using React. It provides a simple yet elegant way to manage your tasks with features such as dark and light mode functionalities, task addition and removal, and data persistence through localStorage. Maven is fully responsive and incorporates Bootstrap for styling, making it suitable for beginr and intermid
https://github.com/thenewtoncode/maven-task-manager
dark-theme darkmode javascript nodejs react reactjs single-page-app spa webapp
Last synced: 2 days ago
JSON representation
Maven is a task manager application built using React. It provides a simple yet elegant way to manage your tasks with features such as dark and light mode functionalities, task addition and removal, and data persistence through localStorage. Maven is fully responsive and incorporates Bootstrap for styling, making it suitable for beginr and intermid
- Host: GitHub
- URL: https://github.com/thenewtoncode/maven-task-manager
- Owner: theNewtonCode
- Created: 2024-07-23T21:26:38.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-07-25T11:48:18.000Z (6 months ago)
- Last Synced: 2024-11-11T07:40:46.306Z (2 months ago)
- Topics: dark-theme, darkmode, javascript, nodejs, react, reactjs, single-page-app, spa, webapp
- Language: JavaScript
- Homepage: https://thenewtoncode.github.io/Maven-task-manager/
- Size: 728 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Maven - Task Manager Application
## Overview
**Maven** is a task manager application built using React. It provides a simple yet elegant way to manage your tasks with features such as dark and light mode functionalities, task addition and removal, and data persistence through localStorage. Maven is fully responsive and incorporates Bootstrap for styling, making it a project suitable for both beginners and intermediate developers.
## Features
- **Dark and Light Mode**: Toggle between dark and light themes for a comfortable viewing experience.
- **Add New Task**: Easily add new tasks through the intuitive interface.
- **Task Management**: View tasks in a left-to-right fashion, from newest to oldest.
- **Remove Task**: Remove tasks once they are completed with a simple click.
- **Local Storage**: Task data is stored in the browser's local storage, ensuring persistence across sessions.
- **Help Page**: A dedicated help page to guide users on how to use the application.
- **Responsive Design**: Fully responsive layout that works seamlessly on various devices.
- **Bootstrap Integration**: Utilizes Bootstrap for enhanced styling and layout.
## Installation
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/maven-task-manager.git
cd maven-task-manager
```
2. **Install dependencies**:
```bash
npm install
```
3. **Start the development server**:
```bash
npm start
```
## Usage
1. **Add a New Task**: Enter the task title and description in the provided fields and click the "Add Task" button.
2. **View Tasks**: Newly added tasks will appear from left to right in the order of newest to oldest.
3. **Remove a Task**: Click the remove button on a task to delete it from the list.
4. **Toggle Theme**: Use the theme toggle button in the header to switch between dark and light modes.
5. **Help Page**: Visit the help page for a detailed guide on how to use the application.
## Project Structure
- `src/`: Contains the source code of the application.
- `components/`: Reusable React components.
- `stylingFiles/`: CSS files for component-specific styling.
- `App.js`: Main application component.
- `index.js`: Entry point for the React application.
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Bootstrap**: CSS framework for responsive design.
- **localStorage**: Web API for storing data in the browser.
## Screenshots
### Light Mode
### Dark Mode
## Contributing
Contributions are welcome! If you have any suggestions or improvements, please create an issue or submit a pull request.
## License
This project is licensed under the MIT License.
---
Enjoy managing your tasks with Maven! If you have any questions or need further assistance, feel free to reach out.