mghacker

BlackReaper

BlackReaper is a web application that combines productivity tracking with psychological elements inspired by Tokyo Ghoul. It features two distinct modes:

MealMatrixx (Desktop only)

Project Overview MealMatrixx is a desktop-first meal tracking web app built with vanilla JavaScript, HTML, and CSS. It enables users to log their meals, manage nutrition targets, and view real-time summaries — all without relying on frameworks. Built in 35 hours during Hackatime, it integrates Firebase Authentication and Realtime Database for full backend functionality. Core Features (Currently Working) 🔐 User Authentication: Firebase-backed login/sign-up system with session persistence. 📝 Meal Logging: Users can add meals with calorie and macro info; instantly synced to Firebase. 🎯 Nutrition Target Setup: Allows users to set daily goals for calories, protein, fats, and carbs. 💾 Profile Save Feedback: Saving profile info gives accurate success feedback (e.g., correct tick icon). 📌 Sticky UI Elements: Navigation and form components are responsive and intuitive for desktop view. 📁 Firebase Integration: All data is read/written in real time through Firebase RTDB. 🧠 Initial Recommendations: New users get hydration and protein tips on first load for easy onboarding. Known Issues / Work in Progress 📉 Weekly Summary Panel: Currently not adapting to individual user preferences; close (X) button misaligned; scroll overflow on y-axis. 📊 Sidebar Widgets: Fat/weight data and nutrition tips (e.g., protein count, hydration reminders) not updating dynamically yet. 🧭 Footer Navigation: Some links/pages in the footer are non-functional. -> goals page has ui of old version wil be updating it soon but is functional for now. 📲 Mobile Optimization: UI is desktop-only at this stage. 📤 CSV Export / Charts: Not implemented yet, but planned in upcoming updates. Deployment Info 🔗 Live Demo: https://mealmatrix.netlify.app/ 🧠 GitHub Source: https://github.com/MangalNathYadav/mealmatrixx Conclusion MealMatrixx is a fully deployed, feature-rich JS-only project with functional auth, meal tracking, data persistence, and a growing dashboard — worthy of being marked as shipped in its current form. Pending UI/UX tweaks and additional features are scheduled to roll out soon. also there are many features that i am planning to implement but for now i guess this is enough to mark it as shipped. and for the issues i will be fixing those issue soon.. thank you. preffered dimension - > 1400x 628 -> as not much responsive but can work on tabs not preferred to use on mobile

TrackFriend

rackFriend – Island Locator Overview TrackFriend is a web application that helps users track and manage groups of friends, view their locations on a map, and visualize group data. The app is mobile-friendly and features a modern, responsive UI. Features Group detail view with map and graph visualizations Member list management (add/remove members) Full-screen map modal for detailed location viewing Responsive design for both desktop and mobile devices Styled with custom CSS for a clean, modern look

Your Digital Flow

A beautiful, responsive web application that allows users to maintain a personal diary with a glass-morphism UI design. Built with HTML, CSS, and JavaScript with Firebase backend for authentication and data storage. Your Digital Flow App 🌟 Features Modern Glass UI Design: Beautiful glass-morphic interface with smooth animations and transitions User Authentication: Secure login, registration and Google sign-in options Real-time Database: All entries are stored in Firebase real-time database Timeline View: Chronological view of diary entries with date navigation Calendar Integration: Visual calendar to select dates and see entry indicators Mood Tracking: Track your mood with each diary entry Weather Integration: Record the weather when making entries Tag System: Organize entries with custom tags Responsive Design: Optimized for both desktop and mobile devices Bottom Navigation: Easy navigation on mobile devices

This was widely regarded as a great move by everyone.