Symptom-Journal

login page
dashbord
symptom trends.
Add Journal Entry form

** About the Project — Symptom Journal Symptom Journal is a web app to help users log daily symptoms, mood, and energy levels. It shows trends using charts so users can track their health over time.

🔹 Tech Stack Frontend: React, Tailwind CSS, Framer Motion,contextApi

Backend: Node.js, Express, MongoDB

Auth: JWT + cookies

Charts: Chart.js for visualizing symptom trends

🔹 What We Learned Managing full-stack app structure

Securing routes and handling authentication

Making a clean, responsive UI

🔹 Challenges

Handling route reload issues

Syncing frontend/backend auth

Designing simple but powerful health tracking

Impact: Helps users stay aware of their physical and mental well-being easily through daily symptom tracking. It allows early detection of health patterns, enabling users to take timely action and better self-care. Doctors can also use this data to understand patients' health history quickly, making consultations more accurate and efficient.

default login info :email:demo@hackathon.com and pass:Demo@1234

Built With

19
authentication)
axios
chart.js
contextapi
css
express.js
framer
jwt
mongodb
motion
node.js
react
tailwind
vite

Created by

I designed and developed both the frontend and backend of the Symptom-Journal application.

Frontend (React + Tailwind CSS):

Built responsive UI for mood, energy, and symptom logging

Implemented user authentication pages (Login/Register)

Developed dashboard, chart visualization, and symptom trends page

Integrated animations and UI polish using Framer Motion

Backend (Node.js + Express + MongoDB):

Created RESTful APIs for user auth, symptom entry, and stats

Handled secure login with JWT tokens and bcrypt password hashing

Designed MongoDB schema and connected data with frontend

Set up CORS, cookie management, and environment configuration

Also worked on:

Routing setup with React Router

State management using Context API

Deploy-ready folder structure and scripts

I led the full-stack development, focusing on a smooth user experience and reliable functionality.

Tanmay Shirbhayye

Updates

Tanmay Shirbhayye posted an update — Jul 02, 2025 11:13 AM EDT

Log in or sign up for Devpost to join the conversation.

Tanmay Shirbhayye started this project — Jul 02, 2025 12:13 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.

Tanmay Shirbhayye posted an update — Jul 01, 2025 11:51 PM EDT

Symptom-Journal Update

We’ve made exciting progress!

Added daily mood, energy, and symptom logging. Users can now visualize trends using interactive charts. Built with React (frontend) & Node.js (backend). Smooth and responsive UI with Tailwind CSS. Secure login system using JWT & bcrypt. Improved dashboard and symptom list filtering.

Goal: Help users track their physical and mental well-being with just a few clicks every day!