My projects

A Collection of Deployed Websites, Interactive Tools, and Practical Projects, Each Crafted with a Focus on Usability, Real-Time Data, and Real-World Solutions.

WeatherWise – Real-Time Global Weather Tracking Application

• Overview: WeatherWise is a comprehensive weather tracking app that provides users with current weather information and 5-day forecasts for cities worldwide. It combines data visualization with geolocation features for a rich, interactive experience.

• Key Features:

  • Real-Time Weather and Forecast: Displays real-time data including temperature, humidity, wind speed, and weather conditions, alongside a detailed 5-day forecast.

  • Interactive Map: Built with Leaflet.js, the map allows users to see weather data for major cities by interacting with markers, providing an engaging way to view information.

  • Geolocation-Based Weather: Automatically detects the user’s location and provides relevant weather data, personalizing the experience.

  • Search Functionality: Users can search for any city to view its current weather, with data fetched directly from the OpenWeatherMap API.

• Technologies Used: ReactJS for frontend, Java Spring Boot for backend, Leaflet.js for map interaction, OpenWeatherMap API for weather data, and Axios for API requests.

• Impact: WeatherWise combines precise data with an engaging interface, making it an excellent tool for real-time weather tracking.

JobFinder – Job Search and Application Platform

• Overview: JobFinder is a dynamic job search platform that simplifies the job-hunting process for users. Built with a focus on responsiveness and user-friendly design, it offers a seamless experience across devices.

• Key Features:

  • Category-Based Filtering: Allows users to filter job listings by industry, role, or location, making it easy to find relevant opportunities.

  • Real-Time Job Listings: Integrates with the Adzuna API to pull live job listings, ensuring users see the latest available positions.

  • Direct Application Links: Each listing includes an "Apply Here" button that directs users to the application page, streamlining the application process.

  • Show More/Less Toggle: Allows users to expand or collapse job descriptions, keeping the interface clean and manageable.

• Technologies Used: React for component-based development, TailwindCSS for styling, Adzuna API for job data, React Router for navigation, and Vercel for deployment.

• Impact: This platform delivers an intuitive job search experience, empowering users to explore various roles effortlessly.

PixelPeek – Chrome Extension for Media Dimension Analysis

eCommerce Platform (MERN Stack)

• Overview: PixelPeek is an open-source Chrome extension tailored for developers, designers, and web enthusiasts, allowing them to measure media dimensions on any webpage instantly.

• Key Features:

  • Real-Time Pixel Dimensions: By simply hovering over an image, video, or iframe, users can view its dimensions in pixels, facilitating accurate media analysis.

  • Privacy-Focused: All operations occur locally in the browser, ensuring that no data is transmitted, thus safeguarding user privacy.

  • Continuous Content Observation: The extension monitors dynamic content changes, providing real-time measurements even for newly loaded media.

• Technologies Used: JavaScript for core functionality, Chrome Extensions API for browser compatibility, HTML5 and CSS3 for interface design.

• Impact: PixelPeek streamlines media analysis, making it a valuable tool for professionals who need precise media measurements without compromising security.

• Overview: A custom eCommerce platform built using the MERN stack, this project includes essential eCommerce functionalities, providing users with a seamless shopping experience.

• Key Features:

  • Shopping Cart: Allows users to add products to their cart and view them at checkout, creating a realistic shopping experience.

  • Secure Payments: Integrates with PayPal for secure transactions, handling both credit and debit card payments.

  • Admin Dashboard: Includes a comprehensive dashboard where admins can manage products, orders, and customers, facilitating easy platform maintenance.

  • Product Reviews and Ratings: Users can leave ratings and reviews, contributing to a user-driven product evaluation system.

  • Search and Filtering: Offers product search, carousel displays, and pagination, enhancing the browsing experience.

• Technologies Used: MongoDB, Express, React, and Node.js for the MERN stack; Redux for state management; PayPal API for payments.

• Impact: This project demonstrates full-stack eCommerce capabilities, providing a robust and scalable shopping platform.

Interactive To-Do List

• Overview: A minimalistic yet powerful task management app designed to help users stay organized with ease.

• Key Features:

  • Task Addition and Deletion: Users can add new tasks with specific names, due dates, and priority levels, as well as delete tasks they no longer need.

  • Mark as Completed: Users can mark tasks as completed, which visually distinguishes them from active tasks.

  • Priority Levels: Tasks are categorized by priority (Low, Medium, High), making it easy to identify high-priority items at a glance.

  • Responsive Design: The app is designed to be accessible and user-friendly on both mobile and desktop devices.

• Technologies Used: HTML for structure, CSS for styling, and JavaScript for interactivity.

• Impact: The Interactive To-Do List provides a simple yet effective way to manage daily tasks, ideal for personal organization and productivity.

🌐

🌐

🌐

🌐

🌐