trishit78 / pomodoro-extension

Created a Pomodoro Extension

PRO-MO

Created the ultimate productivity tool for software engineers, a Pomodoro extension, which helps individuals increase productivity through deep work.

Demo

Run Locally

To check the Chrome extension you can run it locally

Clone the project

  git clone https://github.com/trishit78/Pomodoro-Extension.git

Create a Branch: Create a new branch for your feature or bug fix.

git checkout -b your-branch-name

Test Locally: Test locally to ensure they work as expected.

    npm i

    npm run build-extension

For MAC/Linux users:

   npm run build-extension-shell

in the project folder, a dist folder will be created, Now go to the Chrome browser, click on the top right (three-dotted button), go to Extensions ->Manage Extensions

Click on load unpacked, select the dist folder, and the Chrome extension is ready to use

Codebase

Technologies

let's talk about the architecture of this repo:

• Frontend: We used React JS as the main tech stack for this project.

Here is a list of all the technologies we use:

• Bootstrap: Implementing Buttons
• Material UI: Adding task Buttons

Folder structure

Pomodoro-Extension/
├── packages
│   ├── dist             # Extension build folder
│   ├── node modules     # extra files
│   ├── public    
│   ├── src              # project folder
│   │   ├── assets      # svg files
│   │   ├── components
│   │   │   ├── navbar   
│   │   │   ├── pages 
│   │   ├── contexts

other files
│   ├── App.jsx   
│   ├── App.css    
│   ├── Content.js    
│   ├── firebase.js     
│   ├── index.css       
│   ├── main.jsx        
│   ├── manifest.json     
│   └── index.html       
└── README.md         

Features

• Sign In and Sign up pages
• Add Task feature (including Pomodoro timer)
• Motivational quotes button
• Music button for background music to stay focused
• Blocks the websites that can be distracting
• Drag and Drop feature to set the tasks according to the priority

Reporting Issues

If you find a bug, have a suggestion, or want to discuss something related to the project, please open an issue on the GitHub repository. Be sure to include a clear description and, if applicable, steps to reproduce the issue.

Communication

Feel free to reach out to us through GitHub issues, discussions, or our community forum for any questions or ideas. We're excited to collaborate with you!

Happy Coding! 🚀

pomodoro-extension's Issues

Login section colour selection poor

Describe your issue

The blue colour is too light and it is not suiting with the main theme of the extension

Steps to reproduce

Click on the extention
then on login

What was the expected result?

The colour should be changed

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

Yes

Update Readme

Describe your issue

• Will add gif
• Will stylize the readme
• Will add how to contribute

Steps to reproduce

1. Search the gif link in website.
2. Add in the README using image tag.
3. Add all contribution stapes serially.
4. Will do some changes that is look like good and stylize.

What was the expected result?

No response

Put here any screenshots or videos (optional)

No response

Would you like to work on this issue?

None

Add new feature : API boxes

Describe your issue

Describe the feature you are requesting

Hello Sir,
I want to add some cool badges in this repo

Steps to reproduce

• open issues
• contributor
• open PR
• last commites
  this type of cool API badges
  It will be very helpful to showcase the stats of your Repo as well as will attract more contributors.

What was the expected result?

Please sir look into the SS

Put here any screenshots or videos (optional)

Would you like to work on this issue?

Yes