Git Product home page Git Product logo

paperchain's Introduction

paperchains

PaperChain

A Mindful Countdown

Table of Contents
  1. File Structure
  2. About The Project
  3. Usage

File Structure

To navigate the codebase, please refer to this file structure:

  • Index.html
  • client
    • styles.scss
    • index.js
    • components
      • CountdownBody.js
        • Chain.js
          • ChainLink.js
        • NewChainMenu.js
        • CurrentWeek.js
        • ButtonSection.js
        • UserTour.js
        • CompletedChain.js
  • server
    • server.js
    • reminderController.js
    • paperchainModels.js

About The Project

Remember those paperchains we made out of construction paper in elementary school? Our teachers would tear off a chain link with each passing week to remind us that we were one step closer to the last day of school or an upcoming pizza party.

PaperChain invokes the nostalgia of those elementary school days while incorporating mindfulness as users countdown to their next big goal or event. This mobile-friendly app built with HTML, SCSS, and JavaScript helps users set their intentions, stay grounded in their "why", and give themselves encouraging reminders along the way.

Whether they're counting down toward graduation, a wedding, or the deadline for their next project, PaperChain helps users visualize their progress and celebrate their success.

paperchain

Built With

  • HTML5
  • CSS3
  • JavaScript
  • React
  • NodeJS
  • Express.js
  • Postgres

Usage

Click the question mark at the bottom of the screen for a quick tutorial to help you get started.

tutorial

Create a new chain by entering the number of weeks until your event or deadline.

createchain

Set your intentions to remind yourself of the big picture.

intention

Add reminders to give yourself encouragement along the way!

reminders

paperchain's People

Contributors

kelsicw avatar

Stargazers

avatar Jimmy Tran avatar Sean Kelly avatar

Watchers

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.