Company's website https://baywood.herokuapp.com/
-
Updated
Sep 6, 2024 - JavaScript
Company's website https://baywood.herokuapp.com/
🖼️ Web application that dynamically selects color schemes based on real-time weather conditions specific location. It provides a visually appealing way to integrate weather data with UI design, offering users an immersive experience that reflects current weather conditions through color.
This project is a React-based web application with a responsive design, featuring dynamic routing and API integration. It includes custom CSS for styling components and utilizes media queries for light and dark mode preferences.
Secure, browser-based image compression - No uploads needed
FlexiCSS: A lightweight, responsive CSS framework with a customizable grid system, pre-built components, utility classes, and built-in accessibility features for fast and efficient web development.
Easybank Landing Page: Explore a responsive design with captivating animations on load and scroll. Intuitive hover effects enhance user interaction, while a mobile-friendly burger menu ensures seamless navigation.
Code of my "Responsive Webpages" project.
Ensure your React/Vue/Ember/anything app works perfectly across browsers.
Grocery store website https://royalfoodmarket.herokuapp.com/
CSS normalization for crossbrowser compatibility
"Trailer Preview" is a sleek and engaging project designed to showcase movie trailers in a captivating and user-friendly manner. With an intuitive interface, users can easily access trailers and enjoy a seamless viewing experience. The project focuses on simplicity and elegance, offering a preview of the movie world right at your fingertips.🎬🍿
Natours is more than just a website; it's a testament to my journey in mastering advanced CSS and Sass.
Shadowizard is an open-source library for generating customizable box shadows using CSS. It allows developers to quickly and easily create visually appealing box shadows by providing a simple syntax for specifying the parameters of the shadow. With Shadowizard, developers can generate a wide variety of box shadows, including inset shadows.
QuickType Responsive Landing page
Keyboard Responsive Landing Page
Techinques to deal with cross browser issues on the front-end side
This was the Internship task to rebuild the existing website using React.js to improve the performance. Loading time was improved from 87ms to 4ms .
Repository containing cross browser GA Tracking support
Add a description, image, and links to the cross-browser-compatibility topic page so that developers can more easily learn about it.
To associate your repository with the cross-browser-compatibility topic, visit your repo's landing page and select "manage topics."