Neuroease

signin page
Signup Page
Main image
Journal history in a calendar view
picture showing the edit Profile box
picture showing the email change box
picture showing the password change box
Downloaded Journal sheet

🌿 Inspiration

The rise in mental health issues among students and young professionals inspired us to create NeuroEase—a personal mental wellness companion that encourages emotional awareness, consistency, and reflection. Often, people struggle to track how they feel over time or take action early. We wanted to build something simple, beautiful, and private to help users understand their emotional patterns and take control of their mental well-being.

🧠 What it does

NeuroEase allows users to:

Securely sign up and log in using Firebase Authentication
Record daily mood entries using a calendar view
Visualize emotional trends with Chart.js-powered graphs
Manage their personal data via settings options (edit profile, change email/password)
Access an intuitive, mobile-friendly UI built with Tailwind CSS and React

This helps users build a habit of self-reflection, track their mental health, and make informed lifestyle adjustments over time.

🔧 How we built it

Frontend: Built using React.js with functional components and React Router for smooth navigation.
Styling: Tailwind CSS provided a fast and responsive UI setup.
Backend/Database: Firebase handled Authentication and Firestore for secure storage of user data and mood entries.
Data Visualization: Chart.js was used to render beautiful, real-time visualizations of user moods over weeks/months.
Settings Panel: Users can change their email, password, and update profile details using Firebase’s secure methods.
Deployment: The app was deployed using Vercel for a fast and scalable live version.

🚧 Challenges we ran into

Calendar Integration: Mapping mood entries dynamically on a calendar was more complex than expected, especially when syncing with Firestore in real-time.
Authentication Handling: Implementing secure email and password update flows using Firebase required careful handling of edge cases.
Data Visualization: Rendering the charts to match different time ranges and user data structures took time and careful tweaking.
Balancing Simplicity with Features: We wanted a minimalist UI without sacrificing useful functionality—a tricky design decision at every step.

🏆 Accomplishments that we're proud of

Successfully created a fully functional mental wellness tracker with calendar and visual analytics.
Built responsive UI/UX from scratch using TailwindCSS with good accessibility and mobile support.
Integrated secure authentication and user data management using Firebase.
Deployed a production-ready version with consistent performance.

📚 What we learned

Deepened our knowledge of React hooks, context, and router.
Gained hands-on experience with Firebase Authentication and Firestore.
Learned best practices for working with Chart.js and dynamic datasets.
Understood the importance of mental wellness tools and how design impacts user experience in sensitive apps.