less-preprocessor

Team Project - A marketing website for the app WTFOODIE. Displays information about the app & provides a demo.

A responsive landing page built for the Huddle Landing Page challenge on Frontend Mentor. It uses semantic HTML5, LESS, Flexbox, and a mobile-first layout. Features include hover states, custom fonts, and icons, with a focus on responsive design, CSS preprocessing, and user interaction.

Build a responsive Calendar Viewer Component that displays the current month, year, and days of the week. Users can navigate between months, with the current day highlighted. Include hover states for all elements and ensure the design closely matches the provided layout.

The Pricing Component with Toggle is a responsive pricing table that lets users switch between monthly and annual plans. Built with HTML, CSS (LESS), and JavaScript, it updates prices dynamically and ensures accessibility with keyboard support.

The Tip Calculator App is a responsive web application that allows users to calculate the tip amount and total cost per person based on the bill amount and selected tip percentage. Built with HTML, LESS, JavaScript, and Bootstrap 5, the app features a dynamic UI, custom tip input, and real-time calculations for an intuitive user experience.

A responsive and interactive pricing card page with monthly and yearly billing toggles and a dropdown for selecting Monthly Active Users (MAUs) in the Pro plan. Built with HTML5, LESS, Flexbox, Media Queries, and JavaScript for dynamic interactivity. The project ensures a clean and user-friendly UI across different devices.

A responsive Project Tracking Intro Component built with HTML, LESS, Bootstrap 5, and JavaScript. Features include a dynamic background shape, interactive hover states, and a toggleable mobile navigation menu.

Project on the stylization of a form using the Less preprocessor.

A web app that fetches and displays random advice using the Advice Slip API, built with HTML, Less, JavaScript, and Bootstrap 5.

A dynamic Expenses Chart Component built with semantic HTML5, LESS, and Vanilla JavaScript. It features responsive design, interactive bar charts with hover effects, and JSON data integration for dynamic rendering. The project follows a mobile-first approach and enhances styling with the LESS preprocessor. 🚀

A responsive FAQ Accordion Card with interactive question toggling, built using HTML, LESS, and JavaScript. Features a mobile-friendly design with smooth transitions and hover effects. 🚀

The Testimonials UI Component is a responsive carousel showcasing customer reviews with star ratings, author details, and profile pictures. Built with HTML, CSS (LESS), and JavaScript, it features navigation buttons and adapts to different screen sizes for a seamless user experience.

A reusable, responsive multi-select UI component with search functionality. Users can select multiple options, displayed as removable tags in the search bar, with a clear-all option. Features include a loading spinner during data fetching, search input debouncing for performance, and adaptability to various screen sizes.

A project to demonstrate the use of CSS preprocessors using LESS.

This project converts UI designs from UI Design Daily into functional code, focusing on aesthetics, responsiveness, and accessibility. It serves as a collection of UI components and layouts, regularly updated with new designs.

"Notification Page" is a Frontend Mentor challenge to create a responsive notification UI with dynamic interactions. Built using HTML, LESS, and JavaScript.

The Random Quote Generator fetches random quotes from the ZenQuotes API and lets users share them on Twitter. Built with HTML5, Bootstrap 5, JavaScript, and Less, it features a responsive design and smooth functionality. 🚀