rcya1 / year-in-pixels-creator

A journaling web app for keeping track of your mood throughout the year through colors

Home Page:https://year-in-pixels-creator.herokuapp.com/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Year in Pixels Creator

Year in Pixels Creator is a journaling web app for keeping track of your mood throughout the year through colors. Each day, you put in a color representing how the day went and write a note about it. At the end of the year, you have a grid full of colors representing your entire year in a colorful board of pixels.

https://year-in-pixels-creator.herokuapp.com/#/

It is built with a React frontend, an Express backend, and a MongoDB database. See the About Page for more information.

Currently deployed on Heroku using free web dynos and uses cron-job to keep the app awake 24/7.

Current Features

  • Accounts to store all user information online
  • One board per year to keep track of your mood visually with colors
  • Fully customizable color schemes

Development

To run the app from the source code, you first need to create a .env file with the following parameters:

  • ATLAS_URI: MongoDB Atlas URI link for storing data
  • PORT: Port that the server will run on
  • SESSION_SECRET: Randomly generated string for hashing session information
  • VERIFICATION_EMAIL: Gmail used for sending verification emails
  • VERIFICATION_PASSWORD: Password for the Gmail

Then, run npm install in the root directory to install the dependencies for the server, and then run npm start to begin the server backend. In a new terminal, navigate to /app and run npm install and npm start to run the frontend React app.

About

A journaling web app for keeping track of your mood throughout the year through colors

https://year-in-pixels-creator.herokuapp.com/#/

License:GNU General Public License v3.0


Languages

Language:JavaScript 98.4%Language:HTML 0.8%Language:CSS 0.8%