I developed the frontend of an IoT Dashboard using React, Node.js, MongoDB, and MQTT. This dashboard allows users to create projects, add MQTT numbers, and connect devices in real time. **Key Features:** 1. Project Management: Users can create and manage multiple projects. 2. MQTT Integration: Users add an MQTT number to establish a connection. 3. Device Connectivity: Users can click on devices to connect via MQTT and receive real-time data. 4. Live Data Display: The dashboard visually presents incoming device data. This solution enables seamless IoT device management and real-time monitoring for users. **Technologies Used** 1. Frontend: React 2. Styling: Material UI 3. Database: Mongodb
I created a complete website for the Sisters of St. Ann's, a religious organization, to showcase their mission, work, and activities. The website serves as an informative and interactive platform where visitors can learn more about the Sisters, read their latest updates, and stay connected. The site includes the following key sections: 1. **About Us** – Who the Sisters are and what they do 2. **Blogs & News** – Regular updates and reflections from the community 3. **Gallery** – Photos from events, schools, and their daily work 4. **Schools**– Details about the schools run by the Sisters 5. **Contact Us** – Easy way for visitors to reach out 6. **Prayer Request**– A form where users can submit prayer requests 7. **Events and Announcements**– Updates on upcoming gatherings or missions The goal was to create a user-friendly and modern interface that reflects their values, while making it easy for visitors to explore and engage with the community. **Technologies Used** 1. Frontend: React / Next.js 2. Styling: Tailwind CSS 3. Forms: Contact and prayer request forms integrated with email services
I created a real-time chat application as a learning project to explore Firebase’s real-time database and user authentication features. This app allows users to register, log in, and chat instantly with others in a shared chat room. The chat updates live without refreshing the page, thanks to Firebase’s real-time capabilities. Messages are stored in the cloud and displayed instantly to all users. This project helped me understand how to handle real-time data, user sessions, and dynamic UI updates. The interface is built with React and styled using Tailwind CSS, ensuring a clean and responsive design. **Technologies Used** 1. Frontend: React, Tailwind CSS 2. Backend/Database: Firebase Realtime Database 3. Authentication: Firebase Auth
I developed a smart AI-powered travel planner that helps users create detailed and personalized travel itineraries based on their travel preferences. This tool is designed to make trip planning easier, faster, and more fun—especially for people who don’t want to manually search for places, hotels, or schedules. Users start by logging in securely with their Google account. After that, they can enter: 1. The travel destination 2. Number of days 3. Type of group (solo, couple, family, or friends) 4. Budget preference (low-cost or high-end) 5. Number of travelers Based on this input, the app generates a full itinerary that includes: 1. Recommended places to visit each day 2. Suggested time slots for each activity 3. Hotels to stay in based on the selected budget 4. Estimated total trip cost depending on number of people and spending level The app uses Google Places API to find real-time data for tourist spots and hotel options, and Google Data Studio API to visualize travel budgets and plans. I used Firebase for user management and storage, and the UI is designed with Tailwind CSS for a clean and modern look. This project is a great example of combining real-time data, user preferences, and automation to create a helpful, real-world application for travelers. **Technologies Used** 1. Frontend: Next.js, Tailwind CSS 2. Authentication: Google OAuth 3. Backend/Database: Firebase 4. APIs Used: 1. Google Places API (to fetch destinations and hotels) 2. Google Data Studio API (for data visualization and budget insights)
This project is a full-featured internal portal developed for my company to streamline the management of remote devices and improve team collaboration through agile methodologies. The primary goal was to build a centralized system where employees can track their daily tasks and remotes, while administrators can manage data, workflows, and user access with ease. **Project Summary** The portal supports management of remote devices categorized as SRC, URC, and setup boxes. Admin users can upload remotes in bulk using Excel sheets or add them manually. Employees can view their assigned remotes and tasks, along with time tracking for each activity. The system ensures that once a task is completed by one employee, it automatically becomes available for the next person in line—creating a smooth workflow. A built-in auditing feature allows designated auditors to reassign incomplete or incorrect tasks to the responsible employees, improving accountability. Alongside these features, I implemented Google Authentication for secure login and role-based access control to manage admin, team leader, and general employee permissions. Additionally, I built a complete SCRUM module that includes sprint planning, daily scrum updates, sprint reviews, and retrospectives—helping teams adopt agile practices effectively. To help employees stay on top of their work, the dashboard displays real-time progress on assigned tasks (Open, In Progress, Closed) and visual analytics on their performance. This project helped improve transparency, coordination, and productivity within the team while reducing manual errors and redundant communication. **Key Features** * **Google Authentication:** Employees can log in securely using their Google account. This makes the login process easy and safe. * **Remote Device Management:** Admins can add, edit, or delete remote devices manually or by uploading an Excel file. Regular employees can only view the list to ensure data is not changed by mistake. * **Task Tracking:** Employees can see the list of tasks they need to complete, along with the time it was started and finished. Once one employee finishes a task, the next person can start their work. * **Audit & Reassignment:** During audits, if any mistakes are found in the completed tasks, the auditor can reassign the work back to the employee for corrections. * **Device Categories:** The same features are available for SRC, URC, and setup boxes. * **User Role Management:** Admins can manage user roles, assign new admins, or give limited access like team leader roles. * **SCRUM Support:** The portal includes features for sprint planning, daily scrum meetings, sprint reviews, and retrospectives—making the team work in an agile way * **Dashboard & Analytics**: Every employee has a dashboard where they can see their tasks—what's open, in progress, or completed. They can also view analytics on their work progress. **Technologies Used** 1. **Frontend:** React, Next.js, TypeScript, Tailwind CSS, Radix UI 2. **Backend:** Node.js, Express 3. **Database:** MongoDB 4. **Authentication:** Google OAuth 5. **UI/UX:** Clean and accessible design using Radix UI and Tailwind CSS 6. **File Upload & Parsing:** Excel file import using exceljs