Surajkant

TaskManager is a clean and responsive web application designed to help users efficiently manage personal and professional tasks. Built using HTML5, CSS3,Bootstrap and JavaScript, this project demonstrates strong front-end development skills with a focus on usability, interactivity, and offline access. Key Features: Add, Edit, and Delete Tasks: Users can create new tasks with title, description, category, due date, and priority level. Task Completion Tracking: Tasks can be marked as completed and filtered by status. Offline-First Functionality: Integrated with localStorage to ensure tasks persist even without an internet connection. Dark/Light Mode Toggle: Seamless theme switcher to improve usability in different lighting environments. Responsive UI: Optimized for desktops, tablets, and mobile devices. Scalable Architecture: Designed to be easily extended with back-end support using Node.js, Express, and MongoDB for full-stack capability. Purpose: Created as a productivity tool and a showcase of real-world web development skills, this project reflects practical application of modern web standards with a clean, user-friendly interface.

Overview: Spark Donation is a web-based platform developed to encourage charitable contributions for child education and welfare. The platform enables users to make secure online donations through seamless payment gateway integration, ensuring both ease of use and transactional safety. Key Features: Integrated Payment Gateway: Leveraged Cashfree Payments to securely collect donations. Users can easily enter their details and contribute with confidence, thanks to SSL-secured transactions and a streamlined UI. Donation Page: Designed a responsive and intuitive donation interface where users can select donation amounts and proceed directly to payment. The interface includes donor form fields and confirmation prompts. Frontend Development: Built using HTML, CSS, JavaScript ensuring cross-browser compatibility and a mobile-responsive layout. GitHub Pages Hosting: Deployed the live site at surajkant89.github.io/donation, allowing for easy access and demonstration. User-Centric Design: Includes motivational quotes and animated visuals to inspire generosity and create an emotional connection with donors. Tech Stack: Frontend: HTML5, CSS3, JavaScript Hosting: GitHub Pages Payment Integration: Cashfree Payments Purpose: To raise awareness and funds for underprivileged children's education by providing a safe, modern, and inspiring platform for online donations.

Overview: Simon Says is a web-based memory game that challenges users to repeat an increasingly complex pattern of colors. Inspired by the classic electronic game, this project was built to demonstrate proficiency in frontend development, DOM manipulation, and event handling. Key Features: Interactive Gameplay: Players are required to memorize and repeat color sequences that grow in length with each level. A wrong move ends the game and displays the final score. Real-Time Score Tracking: Tracks the current and highest scores within the session to engage users and encourage replayability. Clean UI Design: Visually appealing colored buttons with smooth animations and responsive feedback for an engaging user experience. Tech Stack: HTML5 for structure CSS3 for styling and animations JavaScript for game logic, DOM updates, and input handling Purpose: The game was developed as a fun way to practice JavaScript logic, animations, and improve understanding of how interactive browser-based applications work.

Overview: The Journey is an educational and visually immersive website that showcases detailed information about the Seven Wonders of the World. Built as a static website, it blends historical insights with rich visuals to offer users an engaging learning experience. Key Features: Multi-Page Design: Each wonder, such as the Great Wall of China, Taj Mahal, and Christ the Redeemer, has its own dedicated section or page, filled with in-depth content and relevant images. Responsive Navigation: Smooth and accessible navigation bar enables users to easily explore various wonders. Informative Content: Well-researched and structured write-ups provide historical background, cultural significance, and fascinating facts about each wonder. Visual Appeal: Carefully selected background images and layout elements enhance user engagement and make the content come alive. Tech Stack: HTML5 for structure CSS3 for styling and layout Basic JavaScript for interactivity Purpose: This project was developed to improve web development skills and to create an educational platform that combines learning with design.