Code Monkey home page Code Monkey logo

voyage2-turtles-11's Introduction

Image alt text

Table of Contents

Introduction

TurtleTab is a Google Chrome Extension Built with React. It creates a new homepage which features current Weather, Todo and Notes functionality. It also accesses your browser data to see Bookmarks, enable/disable Apps and Extensions, and see/clear your History. It is a collaborative effort by a remote team of aspiring developers who met on Chingu, an international community of coders.

Features

A few of the things you can do with this Google Chrome Extension:

  • Google Search from the Home Page
  • See your current weather and search for other locations
  • Keep reminders for yourself with the Notes and Todo features
  • See your bookmarks and quickly open new links
  • Enable / Disable Chrome Apps and Extensions
  • See and Clear your browser history
  • Cycle through backgrounds with the click of the Turtle Icon (bottom-right)

Image alt text Image alt text Image alt text

Contributors

Build Process

  • This project is built with Create React App. Please take a look at their guide for installation. As a side note, the Notes Tab is built with React and Redux
  • Clone or download the repo
  • Once in the directory of the repo, run npm install
  • As this is a google chrome extension which pulls data from the ChromeAPI, npm start will throw errors as it cannot connect with ChromeAPIs. You must build the project and upload the build folder into Chrome as an extension for it to run. Run npm run build to build the Build Folder. See Deployment to Chrome for further instructions.

Deployment to Chrome

  • Open up Google Chrome and navigate to chrome://extensions
  • In the top right-hand corner, check the "Developer Mode" box
  • Click "Load unpacked extension..." and point the directory to the build folder generated from npm run build
  • Open a new tab to start testing

Versions

  • Version 1.0.0:

    • Re-sized wallpaper resolution for faster load/reload
    • All tabs have search features which is activated when pressing "Enter"
    • Current wallpaper choice will be remembered on reload
    • Clock is re-rendered whenever it changes
    • Weather Tab: Search will output error message when a searched location is not found
    • Notes Tab: Existing notes will be remember any changes the user makes - Added an update button; Visibility Filters is highlighted when active.; Added icons to each filter for better user understanding
    • Todo Tab: Quantity counter is accurate
    • Apps Tab: Search feature has been added
    • History Tab: Search results is cleared when clicking the "clear" button
  • Version 0.0.1: Initial deployment

voyage2-turtles-11's People

Contributors

eunicode avatar milesj76 avatar serpient avatar thorbw avatar

Forkers

2rohityadav

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.