Whitewalk -
Semi E Commerce
Project Link:
https://whitewalk.in
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, Google Sheets, FontAwesome, Sweet Alert
Details: WhiteWalk, is dedicated to bring the finest selection of premium first copy shoes. Established with a passion for quality footwear and a commitment to exceptional craftsmanship, they stands as a symbol of elegance, style, and comfort. they curated collections cater to discerning customers who appreciate the finer things in life and seek shoes that complement their lifestyle and individuality.
Key Features:
- Designed & Developed a Semi E-commerce Product Display and Cart Functionality which have pages Home, Shop, Why Us, Reviews, About Us, Contact Us, Privacy Policy, Terms & Conditions.
- Created an Interactive Shop Page displaying product cards includes product images, names, prices (including original and discounted prices), and buttons for "Add to Cart" and "Buy Now" via WhatsApp. And Implemented a search input and filter options for filtering the segments of products for users to search and filter products efficiently.
- Developed a dynamic product display page featuring a responsive Navbar with a cart icon showing the number of items in the cart. And Designed a modal for cart functionality, including a zoom-in/out animation effect when opening/closing, displaying added product details, total price, and a checkout option via WhatsApp.
- Added dynamic product pages with breadcrumb navigation, detailed product views. And Ensured smooth transitions & animations throughout the user interface, enhancing overall user interaction.
- Integrated a form for users to contact and ask any queries. Upon submission, AJAX facilitates the real-time transfer of this data to a Google Sheets spreadsheet, effectively linking user email IDs with their query information
Development: The website was built using a combination of HTML5, CSS3, JavaScript, and Bootstrap 5, alongside jQuery, AJAX, and AOS for dynamic content and animations. Google Fonts and FontAwesome were utilized for typography and icons, respectively.
Origami Education
Project Link:
https://sreeharipdsy.github.io/origami
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, Google Sheets, FontAwesome
Details: Origami is an online platform designed to offer high-quality psychology courses at affordable prices. It focuses on providing comprehensive educational content, including crash courses for various competitive exams such as CUET, JMI, NET, and others.
Key Features:
- User-friendly interface with modern design
- Responsive layout compatible with various devices
- Integration with Google Sheets for data management
- Rich multimedia content enhanced by animations and interactive elements
Development: The website was built using a combination of HTML5, CSS3, JavaScript, and Bootstrap 5, alongside jQuery, AJAX, and AOS for dynamic content and animations. Google Fonts and FontAwesome were utilized for typography and icons, respectively.
Company Website
Project Link:
https://sreeharipdsy.github.io/secucenter-project
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, PHP, Local by Flywheel, WordPress
Details: SecuCenter is a comprehensive white-label Security Operations Center (SOC) service provider offering two main solutions. SOC as Service, Full-service SOC without the need for clients to invest in technology and resources upfront. SOC as Staffing, Provides skilled SOC professionals to augment the client's in-house team.
Key Features:
- User-friendly design with responsive layout
- Interactive elements and animations
- Real-time data integration using Google Sheets
- Elegant typography with Google Fonts
Development: Originally built using HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, and PHP, the project was subsequently converted into a WordPress site using Local by Flywheel, ensuring better content management and scalability.
Cake Booking Website
Project Link:
https://sreeharipdsy.github.io/Dream-Bake-Project
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, Google Sheets
Details: The Cake Booking Website, known as Dream Bake Project, is an online platform for customers to browse and order custom cakes. It features an intuitive and visually appealing interface, allowing users to easily select and book cakes for various occasions.
Key Features:
- User-friendly design with responsive layout
- Interactive elements and animations
- Real-time data integration using Google Sheets
- Elegant typography with Google Fonts
Development: Built with HTML5, CSS3, JavaScript, and Bootstrap 5 for a responsive and robust design. jQuery, AJAX, and AOS enhance interactivity and animations, while Google Sheets manages data, and Google Fonts ensures elegant typography.
Company Website
Project Link:
https://sreeharipdsy.in/wytebirds
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, Google Sheets
Details: This company website, designed for Wytebirds, presents a professional and modern online presence. It features a responsive design ensuring accessibility across devices, with a focus on showcasing the company's services, portfolio, and contact information.
Key Features:
- Clean, user-friendly interface with smooth animations
- Responsive layout adaptable to various screen sizes
- Dynamic content integration using Google Sheets
- Enhanced typography with Google Fonts
Development: The site was created using HTML5, CSS3, JavaScript, and Bootstrap 5 for a robust structure and responsive design. jQuery, AJAX, and AOS were employed for interactive elements and animations, while Google Fonts and Google Sheets were integrated for better typography and data management.
Personal Website
Project Link:
https://sreeharipdsy.in
Tools Used: HTML5, CSS3, JavaScript, Bootstrap 5, jQuery, AJAX, AOS, Google Fonts, Google Sheets
Details: This personal website showcases the professional profile and portfolio of the developer. It features a clean and modern design with a responsive layout, ensuring compatibility across various devices. The site highlights key projects, skills, and experiences, providing visitors with an insightful overview of the developer's capabilities and achievements.
Key Features:
- Interactive elements and smooth animations
- Seamless navigation and user experience
- Integration with Google Sheets for data management
- Utilization of Google Fonts for enhanced typography
Development: Built using HTML5, CSS3, and JavaScript for structure and interactivity, Bootstrap 5 for responsive design, and additional libraries such as jQuery, AJAX, and AOS for dynamic content and animations. Google Fonts and Google Sheets were integrated for typography and data handling, respectively.
