frontend-dev-mini-projects
Change the repository type filter
All
Repositories list
68 repositories
- Embark on an exciting journey into the cosmos with the Space Tourism Website. Explore the wonders of space travel and book your next adventure among the stars.✨🚀
.github
PublicThis is a special repository that allows me to write the markdown code for organization cover page in /profile/README.md. If you like the code make sure to star this repository and follow me for more!!- Welcome to the Article Preview Component, a sleek card-like component for displaying article previews with social media share functionality. Enjoy a responsive layout and seamless sharing options with this modern web component!
- Easily calculate tips and track payments with the Tip Calculator app. Perfect for calculating tips for services and keeping track of past payments. Use this interactive tip calculator app on any device seamlessly due to its responsive layout, and never miss out on any tip estimates!!
- Explore the diverse options for cab booking with the Three Column Preview Card component. Choose between sedan, SUVs, or luxury vehicles and view their details in an interactive and responsive card layout. Witness convinience at your fingertips with this three interactive and responsive layout!!
☺️ - Explore the testimonial grid section, showcasing user testimonials in a unique structured 2-dimensional grid manner. This component helps website display various testimonials in a structured grid manner which looks visually pleasing and is responsive at the same time for the convinience of the user!
- Experience the vibrant and dynamic world of marketing and brand enhancement with the Sunnyside Agency landing page. Discover innovative solutions to elevate your brand's social presence and expand its reach.
- Showcase the credibility of your brand with the Social Proof Section. Display testimonials and reviews from satisfied customers to build trust and confidence in your products or services.
- Track your social media performance and engagement with the Social Media Dashboard. Switch between light and dark themes for a personalized experience. Explore and study all your social media profile analytics in one place with this interactive dashboard app!!
- Present your data in an organized and visually appealing way with the Results Summary Component. Perfect for displaying analytics and insights for your audience. Through our result summary component, you can display an in-depth analysis of user's grades and easily compare them with rest of people who appeared for the exam.
- Discover countries around the world with the Rest Countries API, featuring a color theme switcher for personalized browsing. Users can see all countries from API on homepage, search for countries, filter them by region, click on a country's flag to see more information about it and much more. Now with feature to toggle between light and dark mode!!
- Introducing the Recipe Page Component, your ultimate guide to culinary delights! This webpage showcases recipes in a structured list manner with proper steps, indentation and photos present for an in-depth explanation of the processes involved at each step. Dive into the world of culinary excellence with the Recipe Page Component today!😇🎖️✨✅
qr-code-page_frontend
PublicIntroducing the QR Code Page, your gateway to seamless access! This simple page is dedicated to flashing the QR code for easy access to my website. Users can view a centralized responsive container showcasing the QR code along with guidance text below for instructions on how to use it. Experience hassle-free access with the QR Code Page today!!☺️ - Introduce your project tracking website with this stylish intro component. Users can easily understand the purpose of your website and navigate through it seamlessly. Now track all your projects efficiently in one single place with this interactive and responsive project tracking component, now offering a seamless experience on both mobile and PC!!
- Display your social media profile elegantly with this profile card component. Users can view their profile information in a structured manner, including followers, posts, and tags, all presented in a responsive layout.
- Explore product details seamlessly with this interactive product preview card component. Users can view the optimal layout for the component depending on their device's screen size and experience hover and focus states for interactive elements.
- Explore different pricing plans seamlessly with this interactive pricing component. Users can view the optimal layout for the component depending on their device's screen size and control the toggle between monthly and annual plans using both mouse/trackpad and keyboard. The challenge is completed using only HTML and CSS.
- Get ready for the launch of Ping with this sleek and modern coming soon page! Users can view the optimal layout for the site depending on their device's screen size, see hover states for all interactive elements on the page, and submit their email address using an input field.
- Get a quick overview of your order before making the final payment with the Order Summary Component! This component, part of the checkout page of an e-commerce website, displays the order summary of the user about the payment to be done to buy their desired plan on a music streaming website.
- Stay updated with the latest alerts and notifications with the Notification Page! This section of the website is dedicated to showing the notifications a user has received in a nice, structured, and responsive layout. Additionally, they can experience hover and focus states for all interactive elements on the page.
- Dive into the world of Non-Fungible Tokens (NFTs) with the NFT Preview Card Component! This component, presented in a card format, showcases various NFTs of different artists along with some of their specifications. Users can explore the beauty of NFTs in a beautiful, interactive, and responsive format.
- Stay updated with the latest news using the News Homepage! Users can view the optimal layout for the interface depending on their device's screen size and interact with hover and focus states for all interactive elements.
- Stay updated with the latest tips and insights on product management by signing up for our newsletter! The Newsletter Signup Form Component is a footer section component of a website where users who want to see more content on how to improve as a product manager can sign up for the newsletter.
- Experience seamless sign-up with the Multi-Step Form Component! This webpage features a multi-step form for signing up for a package, allowing users to complete each step of the sequence, go back to a previous step to update their selections, and see a summary of their selections on the final step before confirming their order.
- Explore the power of data analytics with Manage Landing Page! This webpage provides companies with data analytics tools for analyzing website traffic, helping them create products that better fit the market and are loved by customers. The newsletter sign-up form includes error validation to ensure that users provide valid input.
- Explore the future of gaming with Loopstudios Landing Page! This webpage presents the optimal layout for the site depending on the user's device screen size, ensuring a seamless experience across different devices.
- Count down the days, hours, minutes, and seconds until your website launch with the Launch Countdown Timer! This webpage allows users to see hover states for all interactive elements on the page and features a live countdown timer that ticks down every second.
- Discover the location, timezone, and ISP of any IP address with the IP Address Tracker! This webpage allows users to view the optimal layout for each page depending on their device's screen size, see hover states for all interactive elements on the page, and even find their own IP address on the map on the initial page load.
- Explore our website seamlessly with the Intro Section featuring Dropdown Navigation! This component allows users to view the relevant dropdown menus on desktop and mobile when interacting with the navigation links, ensuring an optimal layout for the content depending on their device's screen size.
- Enroll in our coding course with ease using the Intro Component Signup Form! This signup component allows users to view the optimal layout for the site depending on their device's screen size, receive error messages when the form is submitted if any input field is empty or if the email address is not formatted correctly.