"Engaging and High-Performance Responsive Web App"

A responsive web app designed and developed to deliver an engaging, visually appealing, and high-performing user experience. The app’s purpose was to capture users' attention immediately, effectively communicate key offerings, and guide visitors toward desired actions. The design ensures seamless functionality with fast load times, optimized for smooth performance across a variety of devices.

Skills Used:

Frontend Development: Developed a responsive design that adapts effortlessly to different screen sizes and devices.

Web Design: Implemented a clean and modern layout to enhance visual appeal and user engagement.

Web Development: Focused on performance optimization to ensure fast load times and seamless navigation.

Tools & Technologies:

HTML5, CSS3, JavaScript: Utilized these core technologies to create a dynamic, interactive web app designed to engage users.

<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<script>

var swiper = new Swiper(".image-slider", {
    effect: "coverflow",
    grabCursor: true,
    centeredSlides: true,
    slidesPerView: "auto",
    loop:true,
    coverflowEffect: {
        rotate: 0,
        stretch: 0,
        depth: 100,
        modifier: 2,
        slideShadows: true,
    },
    autoplay: {
          delay: 2000,
          disableOnInteraction: false,
    },
});    

let menu = document.querySelector('#menu-bar');
let navbar = document.querySelector('.navbar');

menu.addEventListener('click', () =>{
    menu.classList.toggle('fa-times');
    navbar.classList.toggle('nav-toggle');
});

window.onscroll = () =>{
    menu.classList.remove('fa-times');
    navbar.classList.remove('nav-toggle');
}

</script>