procodify/protab

ProTab is a browser extension that helps you to stay focused on workflow and increase your productivity levels.

ProTab

A browser extension that boosts your productivity level

Table of contents

• ProTab
• Table of contents
  • Overview
  • Key Features
  • Installation
  • Our Team
  • Quick Links
  • Screenshots

Overview

ProTab is a browser extension that helps you to stay focused on workflow and increase your productivity levels. This extension is made especially for students and programmers to stay more focused and productive in their workflow.

Key Features

• Latest News on new tabs
• Weather Update, Time, and Network Status
• TODO
• Dynamic background
  The new tab background changes, depending on your local time and weather

Installation

1. Goto releases
2. Select your version
3. Download the zip version and unzip it
4. Goto extension manage page
   brave - brave://extensions/
   chrome - chrome://extensions/
5. Turn on 'developer mode' from the top right corner
6. Click on 'Load unpacked'
7. Select the unzipped folder and click on 'select folder'

Our Team

Quick Links

ProTab SRS
UI Design (Figma)

Screenshots

protab's Issues

[REFACTOR] : rename all class name

@ProgrammerRhythm Rename all class names using BEM architecture

BEM: https://www.youtube.com/watch?v=XNc9O4mumT0

[REFACTOR]: Implement weather component

• Fetch weather data from API
• Cache weather data every time data loads from API
• Fallback to days icon if somethin went wrong
• Optimize Caching

[Feature]: implement search bar

features:

• Google Search

Make newTab responsive

Make Design responsive for different screen sizes - Desktop, large monitor, laptop

[Enhancement] : add more dynamic backgrounds

Task:

• Add more background pictures ( Time-based)
• Update code

[Feature] : add dynamic wallpaper on opening newtab

Add Dynamic wallpaper change on newTab depending on local weather and local time.

Checks

• Find suitable pictures that can use as wallpaper [@ProgrammerRhythm]
• Change wallpaper depending on the time [@realDarkCode]
• Change wallpaper depending on the weather [@realDarkCode]

[Bug]: time and date won't updating on newTab

[Feature]: TO DO

Features to implement:

• Add Todo
• Delete Todo

[Feature]: Implement News feature

Tasks:

• Find out suitable news API
• Implement new API
• Update UI with latest news

[BUG]: Dynamic background won't changing

It's always showing nighttime background

[Refactor]: rewrite codebase in react

• : Get stated with extension react template

[Refactor]: recreate UI in react

Move UI pieces into react. create different different component for each feature @ProgrammerRhythm

[REFACTOR]: Implement Dynamic Background

• Get weather condition text
• Calculate Background image
• Set the Background Image

[Security]: Secure API Keys

Use a better way to provide API keys.

[Feature]: update weather status on newTab

Tasks:

• Find suitable weather icons
• Fetch Weather via API
• Update weather icon and status