https://github.com/kameshwaran-e/taskbuddy
Responsive task management application using React that empowers users to efficiently create, organize, and track their tasks
https://github.com/kameshwaran-e/taskbuddy
firebase firebase-auth react-modal react-redux reactjs tailwind-css typescript
Last synced: about 1 month ago
JSON representation
Responsive task management application using React that empowers users to efficiently create, organize, and track their tasks
- Host: GitHub
- URL: https://github.com/kameshwaran-e/taskbuddy
- Owner: Kameshwaran-E
- Created: 2025-02-02T15:08:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-13T19:58:02.000Z (12 months ago)
- Last Synced: 2025-02-13T20:35:08.992Z (12 months ago)
- Topics: firebase, firebase-auth, react-modal, react-redux, reactjs, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://kameshwaran-taskbuddy.netlify.app/
- Size: 282 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
TaskBuddy
TaskBuddy is a tool to efficiently create, organize, and track their tasks. The application has feature user authentication via Firebase, allowing users to sign in with Google. Users should be able to create, edit, and delete tasks, categorize them (e.g., work, personal), and set due dates. Additionally, implemented drag-and-drop functionality for task organization, sorting options based on due dates, and a board/list view to enhance user experience.
🚀 Demo
[(https://kameshwaran-taskbuddy.netlify.app/))
🧐 Features
Here're some of the project's best features:
* Easy to Use
* Simple Form based inputs
* Google Sign-In Authentication
* CRUD Operations
* Responsive Design
* Board/List View Toggle
* Drag-and-Drop Task Reordering
🛠️ Installation Steps:
1. Clone the repository
```
git clone repo_url
```
2. Install npm modules
```
yarn install
```
3. Start development server using below command
```
yarn dev
```
**Note:** For running authentication using firebase service create a `.env.local` file and add changes -
4. Create production build using below command
```
yarn build
```
5. Check production build locally using below command
```
yarn start
```
💻 Built with
Technologies used in the project:
* [TailwindCSS](https://tailwindcss.com/)
* [Firebase for user authentication](https://firebase.google.com/)
* [Typescript](https://www.typescriptlang.org/) - For type checking
* [react-modal](https://www.npmjs.com/package/react-modal) - For modal used in different sections
* [react-markdown](https://www.npmjs.com/package/react-markdown) - For markdown preview
* [react-tagsinput](https://www.npmjs.com/package/react-tagsinput) - For taking multiple input items at once
* [react-toastify](https://www.npmjs.com/package/react-toastify) - For toast notification
* [react-redux](https://react-redux.js.org/) - For State Management