Git Product home page Git Product logo

kaustubh187 / chrome-extension-widget Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 56 KB

A home page chrome extension that can act as a digital notice board for seamless collaboration. Having widgets such as group poll, google slide integration, pomodoro timer, checklist, opportunity board.

CSS 44.89% HTML 29.55% JavaScript 25.56%
chrome chrome-extension css dashboard homepage html javasc widgets

chrome-extension-widget's Introduction

HyperVerge Open Challenge Project

Overview

This project is a comprehensive dashboard that integrates various widgets to help users manage their time, tasks, and information effectively. It includes features like a Pomodoro timer, schedule viewer, meeting joiner, and more.

Features

image

image

  • Welcome Widget: Displays a welcome message along with the current date and time.
  • Pomodoro Timer: Helps manage work and break intervals using the Pomodoro technique.
  • Today's Schedule: Shows the day's schedule through an embedded Google Calendar.
  • Join a Meeting: Provides options to join a scheduled meeting or enter a code to join other meetings.
  • Google Keep Notes: Links to Google Keep for note management.
  • Poll Widget: Embedded poll for gathering opinions or feedback.
  • Dashboard Overview: Main content area including announcements and a Spotify playlist.
  • Daily Growth Checklist: A checklist for daily tasks or goals.
  • Words of Wisdom: Displays inspirational quotes or book excerpts.
  • Excel Sheet Viewer: Embeds a Google Sheets document for data tracking or planning.
  • Google Slides Viewer: Displays a Google Slides presentation for ongoing projects or updates.
  • Opportunity Board: Allows users to submit opportunities or issues and displays current submissions.
  • Issue Tracker Form: Integrates with Google Forms to track and manage issues.

Setup Instructions

  1. Clone the Repository

    git clone https://github.com/kaustubh187/chrome-extension-widget.git
    cd dashboard-project
    
    
  2. Open the Project Ensure that all the necessary files (index.html, manifest.json, CSS, JavaScript, icons) are in place.

  3. Load the Extension in Chrome Open Chrome:

  • **Navigate to chrome://extensions/.

  • **Enable Developer Mode:

  • **Toggle the switch in the top right corner to enable Developer Mode.

  • **Load Unpacked:

  • **Click on the "Load unpacked" button and select the directory where the extension files are located (dashboard-extension).

  • **Test the Extension:

The extension should now appear in the Chrome toolbar. Click on it to view and interact with the dashboard.

chrome-extension-widget's People

Contributors

kaustubh187 avatar yashjain1974 avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

yashjain1974

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.