https://github.com/bajajcodes/3on3doer
3on3Doer is an pomodoro app which helps to finish tasks, not getting started with tasks.
https://github.com/bajajcodes/3on3doer
Last synced: about 2 months ago
JSON representation
3on3Doer is an pomodoro app which helps to finish tasks, not getting started with tasks.
- Host: GitHub
- URL: https://github.com/bajajcodes/3on3doer
- Owner: bajajcodes
- Created: 2022-05-24T04:48:37.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-05-28T10:39:05.000Z (almost 3 years ago)
- Last Synced: 2025-02-13T21:29:21.752Z (3 months ago)
- Language: JavaScript
- Homepage: https://3on3doer.netlify.app/
- Size: 956 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3on3Doer
Pomodoro app which helps to finish tasks, not getting started with tasks.
## Tech Used
- Application: React
- State Management: Redux ToolKit
- Routing: React Router
- Firebase : Authentication , Firestore Database
- CSS: Plain CSS
- Testing: Not Done
## Package Used
- react-toastify - to show toast text for actions completion
## Features
- Authentication:
- User Signup
- User Login (Email, Password OR Login as Guest User)
- Logout
- Public Routes:
- Landing Page
- Login
- Signup
- Private Routes:
- All Tasks Listing Page
- Add New Task
- Toggle Task Status
- Update Task
- Delete Task
- Single Task Page
- Timer for completing task
- Task description
- Start, Pause and Restart Timer
- Task Status Auto Completed Mark On Timer End
- Task Status Auto Not-Completed Mark On Restart
- Start and Pause Disable For Completed Tasks
## Responsive [✅]
## Video Preview
https://user-images.githubusercontent.com/29247011/170702976-676ebdf6-99e4-433c-b5af-00b0cc7816ca.mp4
## Get app from here 👇
[3 on 3 Doer](https://3on3doer.netlify.app/)
## How to run app locally
- Clone the repository
- On Terminal change directory to `3on3 Doer` directory.
- Add .env file to the root directory
- Place all your app related keys from the created firebase project and place it in the .env as below
```
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=
```
- Type npm start and hit enter.
- Project is running locally.
## Contribution
- For folder naming convention follow camelCase naming
convention.
- For components and pages follow PascalCase naming
convention for files.
- For javascript code follow camelCase naming convention.
- For components and pages create file with jsx extension type, and
if code repeats more than twice break code into hooks for modularity.
- For rest, except css use camelCase convention.
## Mention
- [Coding Artist: Circular Progress Bar](https://www.youtube.com/watch?v=YDgw6HjMCoQ)