Skip to content

A MERN Full-Stack application. Users create ambitions and must adapt to a daily plan to change who they are. Based on concepts from James Clear. See Readme for more details.

Notifications You must be signed in to change notification settings

r134x7/project-scale

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project S.C.A.L.E.

Description

Project S.C.A.L.E. aka S.C.A.L.E. Up! aka by the Heroku URL as Ambitions S.C.A.L.E. Up!

A MERN Full-Stack application deployed on Heroku. Spent less than two weeks to build a minimum viable product that takes the idea of a budgeting app and mashes it with concepts from the author of 'Atomic Habits' James Clear regarding identity-based habits and the idea of daily 1% gains adding up. (Disclaimer: I have not read any of his books.)

S.C.A.L.E. is an acronym I made which stands for Small Changes Accumulate Large Effects. The web app allows you to select an ambition and each day that you spend working on your ambitions you can record them on the app and track your progress with line charts and some stats.

Besides MERN (MongoDB, Express, React, Node.js), other techonologies used for the web app include GraphQL as the API for CRUD operations, Redux Toolkit to handle state management, Chart.js (and its React package) to handle generating charts, Tabler Icons React for the free icons used in the buttons and Mantine which is a component library which is responsible for making this project my first foray into TypeScript and how to not use it properly (All types are any).

Table of Contents

Installation

Node.js and the following,
Back-end NPMs: apollo-server-express, bcrypt, express, graphql, jsonwebtoken, mongoose. For devDependencies: nodemon.

Front-end NPMs: @apollo/client, @mantine/core, @mantine/dates, @mantine/form, @mantine/hooks, @mantine/modals, @reduxjs/toolkit, @types/jest, @types/node, @types/react, @types/react-dom, chart.js, dayjs, graphql, jwt-decode, react, react-chartjs-2, react-dom, react-redux, react-router-dom, react-scripts, tabler-icons-react, typescript.

Database: MongoDB.

Usage

Homepage of S.C.A.L.E. Up!

Deployed App

No longer deployed on Heroku, it has now been deployed on Render. Deployed Render app link: https://ambitions-scale-up.onrender.com/

Tests

Tests were written for just the Redux Toolkit reducer logic to ensure it was working properly.

Questions

You can find my GitHub profile at: https://github.com/r134x7

If you have any questions, you can contact me by email: r134x7@gmx.com

About

A MERN Full-Stack application. Users create ambitions and must adapt to a daily plan to change who they are. Based on concepts from James Clear. See Readme for more details.

Topics

Resources

Stars

Watchers

Forks