PaperChain

A Mindful Countdown

Table of Contents

1. File Structure
2. About The Project
   • Built With
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.

Built With

• 
• 
• 
• 
• 
• 
• 

Usage

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

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

Set your intentions to remind yourself of the big picture.

Add reminders to give yourself encouragement along the way!