Coder Social home page Coder Social logo

habitrealm's Introduction

HabitRealm

Overview

Habit realm is a web application deigned to help users create and track habits as well as participate in quests to achieve personal growth. Loosely insipired by Habitica, Habit Realm combines habit-tracking functionality with a quest system to make personal development engaging and fun.

Live Site

https://habitrealmstarter.onrender.com

Features

User Authentication

Secure sign-up and login functionality.

Habit Tracking

Create, Update, and Delete habits with ease. This feature empowers users to establish and refine their habits effortlessly, providing a flexible and user-friendly interface for maintaining a personalized and structured approach to their daily activities. Whether you're adopting new habits, adjusting existing ones, or removing those that no longer serve you, this comprehensive functionality ensures a smooth and intuitive experience throughout your habit-tracking journey.

Habits Page

Quest System

Immerse yourself in a dynamic adventure by participating in quests that encourage collaboration and shared progress. Engage with a feature that not only allows you to join quests but also provides the flexibility to create, modify, and remove quests based on your evolving objectives. Track your quest completion progress, fostering a sense of achievement as you and your fellow participants work together towards common goals. With the ability to create, update, and delete quests, this system ensures a customizable and engaging experience tailored to your questing preferences. Embark on a collective journey of achievement and camaraderie through the comprehensive functionality of the Quest System.

Quest Details Page

Rewards

Exchange your hard-earned rewards to elevate and enrich your avatar once this feature is integrated. Acquire and redeem valuable incentives that contribute to the enhancement of your avatar, ensuring a visually captivating and personalized representation as you progress and achieve milestones within the system.

Rewards Page

Schema

Schema

Installation

  1. Clone the Repository.
  2. Install the dependencies: npm install
  3. start development server: npm start
  4. open browser and navagate to your localhoast

Technologies Used

  • Frontend: React, Redux
  • Backend: Flask, SQLAlchemy
  • Database: PostgressSQL
  • Styling: CSS

Future Features

  • Avatat: Create and update an avatar using rewards
  • Parties: create or join a group of friends to complete quests together.
  • Analytics: Monitor user habit data for analysis, and incorporate health and other metrics into the Avatar.

habitrealm's People

Contributors

nifallu avatar

Watchers

 avatar

habitrealm's Issues

Avatar

-[] Models
-[] Forms
-[] routes
-[] Redux actions and reducers
-[] Middleware
-[] Navigation
-[] CSS
-[]AWS Images

Quest Habit counter

-[] add counter to quest habits
-[] or remove frequency from quest habits and add something so the user knows the plus and minus updates the progress not the habit counter

add loading when logging in

It takes a while for the user to be logged in.
Implement a loading screen, or loading icon when button is pressed to log in.

Parties/Groups

-[] Models
-[] Forms
-[] routes
-[] Redux actions and reducers
-[] Middleware
-[] Navigation
-[] CSS

Rewards Feature

-[] Models
-[] Forms
-[] routes
-[] Redux actions and reducers
-[] Middleware
-[] Navigation
-[] CSS

Analystics

-[] Implement logic for analytics calculations

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.