/moodtracker

😶‍🌫️ A mood tracker app that allows users to track mood and activities.

Primary LanguageTypeScriptMIT LicenseMIT

Mood Tracker

wakatime DeepSource

Description

This is a mood tracker app that allows users to track their mood and activities.

Screenshots

Screenshot 1

Features

  • React.js for the front-end
  • Next.js for server-side rendering
  • FireBase as a database
  • Clerk for authentication
  • Mantine for styling
  • Chart.js for data visualization
  • Moment for date formatting

and more...

Installation

To install this app, download the repository and run commands:

Required Firebase and Clerk API keys are stored in a .env.local file in the root directory of the project. The file should look like this:

# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=...
CLERK_SECRET_KEY=...
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

# Firebase
NEXT_PUBLIC_FIREBASE_API_KEY=...
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=...
NEXT_PUBLIC_FIREBASE_PROJ_ID=...
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=...
NEXT_PUBLIC_FIREBASE_MSG_SENDER_ID=...
NEXT_PUBLIC_FIREBASE_APP_ID=...
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=...

Development

npm i
npm run dev

Production

npm i
npm run build
npm run start