Projects
AltitudeNow
AltitudeNow is a responsive web application that displays your current elevation above sea level in real time using your device's geolocation. The app features smooth animations, a dynamic elevation chart, and full mobile/tablet support.
Features
- Realtime Elevation: Instantly see your current altitude using GPS.
- History Chart: Interactive graph showing the last 10 readings.
- Responsive UI: Fully mobile-ready with smooth animations and a modern layout.
Technologies
- HTML5, Tailwind CSS, JavaScript (ES6)
- Chart.js for dynamic graph rendering
- OpenElevation API & Geolocation API
- GitHub Pages for deployment
Deployed On: View Live
Snake Game
A classic Snake Game built with HTML5, CSS3, and JavaScript. The game features **custom difficulty levels**, a **real-time score counter**, a **timer**, and **responsive design** for an engaging experience. Control the snake, collect food, and aim for the highest score while avoiding collisions.
Features
- Difficulty Levels: Easy, Medium, and Hard modes for a customized experience.
- Real-Time Score & Timer: Track your progress dynamically.
- Modern UI: Responsive design with animated buttons and a sleek look.
Technologies
- HTML5, CSS3, JavaScript (ES6)
- Canvas API for rendering the game
- GitHub Pages for deployment
Deployed On: Play Now
LinkedIn Job Finder
A web-based job search tool that scrapes LinkedIn job postings and displays them in a structured format. Users can search for jobs by keyword and instantly see results with job titles, company names, and locations. The application features a modern, responsive design and is deployed online for easy accessibility.
Features
- Real-Time Job Search: Fetches job listings based on user queries.
- Structured Job Display: Shows job titles, companies, and locations in an easy-to-read format.
- Responsive UI: Adapts to all screen sizes for seamless experience.
Technologies
- Python, Flask, BeautifulSoup
- HTML5, CSS3, Bootstrap
- Render, Gunicorn, Jinja2
Deployed On: Link
Mortgage Calculator
A Django-based web application to calculate mortgage details, including monthly payments, total payment, and interest. This tool features a user-friendly interface, responsive design, and is deployed online for easy access. Integrated Django for backend logic and WhiteNoise for static file serving.
Features
- Mortgage Calculation: Computes monthly payments, total payments, and interest.
- Responsive Design: Adapts to all screen sizes for a seamless experience.
- Backend Logic: Powered by Django for robust functionality and scalability.
Technologies
- HTML5, CSS3, Django, Python
- Bootstrap 5, WhiteNoise, Font Awesome
Deployed On: Link
Fuel Consumption Converter
Developed an interactive and user-friendly fuel consumption converter using Flask. This tool enables seamless conversion between MPG and Litres/100 km. The application features a responsive layout, a visually appealing design, and is deployed online for easy accessibility. Integrated Flask for backend logic, ensuring smooth functionality and scalability.
Features
- Interactive Tool: Seamless conversion between MPG and Litres/100 km.
- Responsive Design: Adapts to all screen sizes for optimal usability.
- Backend Logic: Powered by Flask for functionality and scalability.
Technologies
- HTML5, CSS3, Flask, Python Programming
- Deployment Platforms, Jinja2, Gunicorn
Deployed On: Link
Solis
A demonstration website representing the concept of a platform for a peer-to-peer stablecoin clearinghouse. It showcases the design, structure, and idea of a platform that leverages public blockchains for payment solutions.
Features
- Interactive Design: Modern and engaging layout with responsive behavior.
- Media Integration: Use of video and media content to enhance the user experience.
- Clean Codebase: Well-structured and easy-to-maintain HTML and CSS.
Technologies
- HTML5, CSS3, SCSS
- Media Content (Videos, Images, Icons)
GitHub: Link
React Profile Form
A responsive React-based application featuring user-friendly sign-up and profile management forms. Includes real-time field validation, dynamic image upload with localStorage, and a modern, adaptive design.
Features
- Sign-Up Form: Includes validation for user-friendly account creation.
- Profile Management: Editable profile with image upload and localStorage integration.
- Responsive Design: Optimized for various screen sizes and devices.
- Dynamic UI: Features hover effects and modern form interactions.
Technologies
- React, JavaScript (ES6), HTML5, CSS3
GitHub: Link
Movie Finder
A web application for discovering new and popular movies. Search for movies, view descriptions, ratings, and release dates, and explore similar movies (Similar Movies) using the TMDB API. Built with React and Bootstrap for a user-friendly and responsive interface.
Features
- Search Movies: Find movies by title and keywords.
- Movie Details: View detailed descriptions, ratings, and release dates.
- Similar Movies: Discover movies related to the selected one.
- Responsive Design: Fully functional on all screen sizes.
Technologies
- React, Bootstrap, TMDB API
GitHub: Link
BHROMAON - Safe Travel Anywhere
BHROMAON is a responsive travel website for finding and booking travel destinations. Built with HTML, CSS, and JavaScript, it provides smooth animations, interactive navigation, and a mobile-friendly design.
Features
- Search: Destination search with validation.
- Mobile Navigation: Burger menu for easy access.
- Responsive: Adapts to all screen sizes.
- Animations: Smooth scroll, hover effects.
Technologies
- HTML5, CSS3, JavaScript, Google Fonts
GitHub: Link
Data Warehouse
Data Warehouse is a responsive landing page for a data management service, designed for secure storage and efficient data handling. Built with HTML, CSS, and JavaScript, it features smooth animations, interactive UI, and a mobile-friendly layout.
Features
- Responsive Design: Adapts to all screen sizes.
- Interactive UI: Hover effects and smooth scroll.
- Testimonials: Displays customer feedback.
- Demo Button: Simulates a demo request alert.
Technologies
- HTML, CSS, JavaScript
GitHub: Link
Monticello Website
Monticello is a responsive, modern website showcasing projects, news, and an interactive gallery. It includes a map and contact form, providing smooth navigation and user interaction.
Features
- Responsive Design: Works on all screen sizes.
- Smooth Scrolling: Smooth transitions between sections.
- Interactive Map: Users can explore locations on a map.
- Gallery: Grid layout showcasing images.
Technologies
- HTML5, CSS3, JavaScript (ES6), Leaflet.js, Font Awesome, Google Fonts
GitHub: Link
React Native Documentation
A modern and responsive documentation site for React Native, covering core components, fundamentals, and best practices. Features interactive sections, company showcases, and a side navigation menu.
Features
- Interactive Documentation: Covers core concepts like components, JSX, props, and state.
- Who's Using Section: Displays companies using React Native with card-flip animations.
- Responsive Design: Fully responsive layout.
Technologies
- HTML5, CSS3, JavaScript, Google Fonts
GitHub: Link
FarCry 6 Game Card
An interactive game card showcasing details for Far Cry 6, including rating animations, game information, and a "Buy Now" option. Responsive design with smooth hover effects.
Features
- Game Information: Displays release date, description, and rating.
- Interactive Elements: Hover effects, animated ratings, and toggle description.
- Buy Now Button: Alert on click to simulate purchase.
- Responsive Design: Works on all screen sizes.
Technologies
- HTML5, CSS3, JavaScript (jQuery), Google Fonts
GitHub: Link
AI Fashion Platform
A responsive website for a high-fashion accessory brand with a focus on sustainable fashion. Features project overview, user personas, design wireframes, and an engaging shopping experience.
Features
- Hero Section: Full-screen images showcasing the brand.
- Project Overview: Brand story and e-commerce goals.
- Design Process: User personas, sketches, and wireframes.
- Responsive Design: Adapts to various screen sizes.
Technologies
- HTML5, CSS3 (SCSS), JavaScript (jQuery), Google Fonts
GitHub: Link
Productly
Productly is a modern, responsive website template for showcasing design tools and resources. Features sections for products, customer stories, and pricing, with a clean design and user-friendly navigation.
Features
- Responsive Design: Adapts to all devices.
- Sections: Products, customer stories, pricing, and resources.
- User Navigation: Intuitive and clean layout.
- Sign-Up/Login: Includes functionality for user accounts.
Technologies
- HTML, CSS
GitHub: Link
