Projects
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
