Coder Social home page Coder Social logo

intentions's Introduction

Intentions

Intentions is a productivity app built to help users keep track of their skills and hobbies while implementing actionable exercises that they can organize into scheduled To-Do lists.

Live Site

Visit the live site here: https://intentions-app.herokuapp.com/

Technologies Used

  • Frontend:
    • React
    • Redux
    • Chakra UI
    • react-calendar
    • react-quill
    • react-icons
  • Backend:
    • Flask
    • SQLAlchemy
    • PostgreSQL
    • Alembic
    • WTForms
  • Deployment:
    • Heroku
    • Docker

Documentation

Database Schema

Feature List

Wireframes

Features

Dashboard

Registered Users gain access to a dashboard where they can begin tracking Skills they wish to improve.

Skills

  • Under the Skills page, a user can create a new Skill that they want to track
  • After a Skill has been made, a new Skill deck will appear
  • When the user clicks on the Skill name, they will be redirected to that Skill's sessions
  • A user can also edit an existing Skill's name or delete the Skill

Exercises

  • Under the Exercises page, a user can create a new Exercise corresponding to an existing Skill
  • The user can add notes on an exercise using a rich text editor
  • All Exercises created by the user are viewable by Skill
  • Clicking on an Exercise will render the Exercise's notes
  • The Exercise can be edited or deleted

Sessions

  • Users can create Session cards that consist of a list of Exercises
  • Exercises can be mixed and matched with multiple Session cards

Scheduled To-Do Sessions

  • A Session can be scheduled once Exercises have been added to it
  • Any Sessions that have been scheduled are viewable under the Scheduled Sessions page
  • Sessions that have been scheduled for Today will be viewable on the Home page
  • Sessions scheduled for Today will render as a To-Do list, where the user can check off each Exercise they have completed
    • Once the user has completed all Exercises listed under a Session, the Session will be checked as completed and appear under the Completed Sessions box

Future Features

  • Integrating a consistency chart that shows how many days the user has consistently completed their To-Do's for the day
  • Creating a calendar component that interfaces with the user's scheduled To-Do sessions
  • Adding Tags for Exercises

Conclusion and Next Steps

intentions's People

Contributors

r-w-chen avatar

Stargazers

N7A9O7K0I9 avatar  avatar Shane Wilkey avatar Huy Lam avatar Danny Chen avatar Lauren Gus avatar Sylvia Onwuana avatar Sarah Booth Jacobs avatar  avatar  avatar Drew Long avatar Adam Lovett 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.