Coder Social home page Coder Social logo

ielttab2's Introduction

IeltTab2

When l apply my master programs, l need to memorize IELTS vocabulary. But l don't like this process, it is very boring. To pass the IELTs examination, l need to build this new habits. l am curious about how to build habits more easily, so l read the books Atomic Habits written by james clear. In this books, he mentioned Habit stacking method which was created by Bj Fogg. “Habit stacking is a special form of an implementation intention. Rather than pairing your new habit with a particular time and location, you pair it with a current habit. ”

l also read the paper A Behavior Model for Persuasive Design written by Bj Fogg. In this paper, he proposes the Foggy Behavior Model(FBM). “The FBM has three principal factors that I refer to as motivation, ability, and triggers. In brief, the model asserts that for a target behavior to happen, a person must have sufficient motivation, sufficient ability, and an effective trigger. All three factors must be present at the same instant for the behavior to occur(Fogg, 2009).”

Inspired by the Habit stacking and FBM, l want to build a Chrome extension which can help me build the habits of memorizing IELTS vocabulary everyday. Because opening web browser is my current habit which l do it multiple times everyday, so l want to pair it with memorizing IELTS vocabulary. When l designed the chrome extensions, l used 2 elements in FBM:ability(simplicity) and triggers. To reduce the resistance people face when memorizing vocabulary, when people open a new tab in web browser, it will only show 5 ielts words. "A trigger is something that tells people to perform a behavior now (Fogg, 2009)." In this chrome extension, the trigger is the each time people open a new tab, because the page will show 5 new ielts words when opening a new tab.

The chrome extension l built was called ieltTab. l collaborate with my teammates:Chatgpt to build this application.

Key features of ieltTab

  • Show 5 ielts words when user opens a new tab
  • Click the more button to learn more ielts words
  • user can decide whether to show or hide the Chinese of ielts words

pic1 pic2

Built With

Installation

1.Local Install

2.Download the zip file from Github releases

3.Unzip the file In Chrome/Edge go to the extensions page (chrome://extensions or edge://extensions).

4.Enable Developer Mode.

5.Drag the unzipped folder anywhere on the page to import it (do not delete the folder afterwards).

License

This project is licensed under the MIT license. Feel free to edit and distribute this this as you like.

See LICENSE for more information.

Acknowledgements

Awesome resources which help this projects.

Reference

Fogg, B. J. (2009). A behavior model for persuasive design. Persuasive ’09: Proceedings of the 4th International Conference on Persuasive Technology. https://doi.org/10.1145/1541948.1541999

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.