Giter VIP home page Giter VIP logo

constellation.io's Introduction

CONSTELLATION.IO | Codeology Spring 2020 Project

Project Leaders: Anthony Zhou, Roshan Kumaraswamy

Developers: Ada Hu, Amy Huang, Michelle Lin, Satiya Kem, Vidya Ganga

To run:

npm install

npm run build

In chrome://extensions (manage extensions), load unpacked and select the build folder. Then, just launch the app!

How the Extension Works

Upon running the web extension, you will prompted to sign in with your email. LogIn Page

Then you will be prompted for your password.
Password Page

Once you are logged in, go ahead an press the "Are You Ready to Study!" button. Password Page

The first page you will see is the home page. The entire webpage consists of 4 main components: home, rewards, timer, and settings. You can move between each component by using the navigation bar in the top left corner, scrolling through the webpage, or using the vertical slider on the right side of the page.

Home Page

Home Page

Rewards Page

Rewards Page

Timer Page

This is the timer page. To start a study session, go ahead and enter how many hours/minutes you want to study for. Once you have set your timer, click submit.

Set Timer Page

You should now have a timer that will countdown your study session.

Time Set Page

This timer will keep track of how much time left you have of this study session. During this study session, you will not be able to access any of your blocked websites. If you need to access one of your study sessions, you can click restart and this study session will not count towards your rewards, but you will be able to access the blocked websites.

Timer Running Page

At the end of your study session, the length of your study session will reflect in your rewards!

Timer Up Page

Settings Page

To add websites you want to block, enter the url into the form and press submit. To unblock websites, click the small x icon next to the url you want to unblock.

Settings Page

If you try to access a blocked website during your study session, you will run into Sheldon the Clumsy Black Hole.

Blocked Page

constellation.io's People

Contributors

satiyak avatar amyxjhuang avatar michelle-lin avatar ada-hu avatar anthonyfzhou avatar roshie548 avatar

Watchers

James Cloos avatar

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.