Hello There, I'm
Winodh Prasanna
Full-Stack Developer
Combination of Skills & Experience
University of Moratuwa
2023.09 - PresentIMIT Campus
2025.01 - PresentNAITA - RATC
2023.06 - 2024.06Department of
Agrarian Development
Galgamuwa
CEB - Area Electrical
Engineer Office - Maho
What I Provide
I am a developer of responsive, user-friendly web interfaces using HTML, CSS, and JavaScript. My portfolio boasts a range of projects from dynamic web applications to interactive sites with focus on simple design and silky smooth user experience. Check out my work and observe how I bring ideas into existence with efficient and clean code!
Responsive Website & Blog Design
Interactive UI/UX Design
Clean & Structured HTML/CSS
JavaScript Functionality for Dynamic Interfaces
Cross-Browser Compatibility & Optimization
I build high-capacity and scalable backends with PHP and MySQL, fully managed data and optimized server-side operations. My portfolio features applications with secure authentication, database management, and dynamic web apps. Take a look at my portfolio to see how I craft robust and reliable backend solutions!
Secure User Authentication & Account Management
Database Design & Management (PHP, MySQL)
API Development & Integration
Server-Side Logic & Performance Optimization
Scalable Backend Architecture for Large Projects
I have a general level of graphic design skills and enjoy creating simple but useful images. I have starter-level projects such as logos, social media posters, and UI elements in my portfolio. I am always improving my skill to create more engaging and professional works. Check out what I do as I progress in the field of graphic design!
Logos & Branding
Website/Blog Design
Photoshop Design
Presentation Design
Print Design
My Creative Works
This project is a modern and visually appealing food ordering website built using HTML, CSS, and JavaScript. The homepage features a clean and elegant design with a professional navigation bar, a prominent hero section showcasing a delicious burger, and a compelling call-to-action button for ordering food. The design uses a minimalistic yet effective layout, ensuring a user-friendly experience.
ClickCart Shopping is a full-stack e-commerce website built using Python Django for the backend, with HTML, Tailwind CSS, regular CSS, and JavaScript powering the frontend. The project is managed using Pipenv and integrates essential Python packages like Django Admin for backend management, mysqlclient for MySQL database connectivity, Pillow for image handling, and Jazzmin for a modern, responsive admin interface. The platform includes a dynamic and responsive user interface with key pages such as Home, Login, Register, Collection, Favourite, Cart, and Product Details. With both user-facing and admin functionalities, ClickCart provides seamless shopping experiences, efficient product management, and a solid integration of frontend, backend, and database layers.
Movie Buddy is a responsive movie browsing website built with React.js, Vite, JavaScript, HTML and Tailwind CSS. It uses the MovieDB API to display real-time data for popular, trending, and top-rated films. Key features include a dynamic image slider, search functionality, and a clean, modern UI. This project showcases my skills in React development, API integration, and responsiveย webย design.
This project is a frontend Amazon clone built with HTML, CSS, and JavaScript. It features a navigation bar, category boxes, product sliders, and a dynamic image header. The design uses Amazon-style colors, Flexbox layouts, and scrollable sections. JavaScript enables slider navigation and horizontal scrolling. While it effectively mimics Amazonโs interface, improvements like mobile responsiveness, interactive elements, and backend integration could enhance functionality.
The Univer Tech College Management System is a web-based application built with PHP, HTML, CSS, JavaScript and MySQL to manage student, staff, and course data. It features role-based access for Admin, Staff, and Students, with functions like user registration, course management, and secure login. Admins have full control, including salary management, while staff can manage records and courses. Students can view their details but cannot edit them. The system uses XAMPP for local development and ensures efficient college dataย management.
Tastee.lk is a full-featured, responsive restaurant web application built with Python Django, HTML, Tailwind CSS, JavaScript, and MySQL. This platform offers a smooth and engaging user experience, combining a modern frontend, robust backend, and a clean admin dashboard. Ideal for restaurants to showcase their menu, manage orders, and engage with customers online.
This project is a responsive web-based chatbot interface designed as a clone of Google Gemini. It allows users to input prompts or select from suggested queries to receive AI-generated responses using Googleโs Gemini API. Built with HTML, CSS, and Vanilla JavaScript, the application features a sleek dark/light theme toggle, persistent chat history via localStorage, and enhanced readability with Markdown and code highlighting support. The user experience is polished with interactive elements, loading indicators, and a modern layout, offering a simplified yet functional imitation of an AI conversational assistant.
The Color Picker from Image project is a Python-based desktop application built with Tkinter that allows users to select an image file and extract its top 10 dominant colors using the ColorThief library. With a visually appealing and user-friendly interface, the app displays color swatches along with their corresponding HEX codes, making it useful for designers, developers, and artists seeking quick color inspiration from any image. The project integrates image handling with Pillow and color analysis using ColorThief, all packaged in a modern, responsive GUI.
Digital Art Creation is a modern, responsive photography portfolio website designed to showcase the creative work and services of the brand Capturer. Developed using HTML, CSS, and JavaScript, the project offers an elegant user interface with animated scroll reveals, a dynamic image gallery, a testimonial slider, and an integrated popup contact form. Featuring sections such as About Us, Services, Portfolio, Blog, and Instagram, the website is tailored to highlight moments captured through digital photography, ranging from portraits to events. With a focus on visual storytelling and user engagement, Digital Art Creation blends aesthetic appeal with functional design to present a compelling online presence.
This portfolio website for Winodh Prasanna showcases a clean, modern design that highlights his skills as a frontend web designer and developer. Built with responsive layout techniques using HTML, Tailwind CSS, and JavaScript, the site introduces visitors to Winodh's background, technical proficiencies, and a wide range of services including web design, mobile app development, UI/UX, and graphic design. The homepage features a welcoming personal introduction, followed by an "About Me" section detailing his experience and tools used, a service overview, a dynamic project portfolio with interactive thumbnails, and a contact form for collaboration opportunities. Smooth navigation and aesthetic interactions enhance the user experience across all devices.
I developed a responsive food ordering website using HTML, CSS, and JavaScript. The site features a dynamic homepage, animated sections, and smooth scroll effects. Users can view special dishes, browse a gallery, read customer reviews, and place orders through an interactive form. The navigation bar is mobile-friendly with a toggle menu. JavaScript enhances the user experience with a scroll-to-top button and preloader animation. This project improved my skills in front-end design, animation, and responsive layouts.
I built a web-based app that generates stunning AI images from text prompts. Using HTML, CSS, and JavaScript, it integrates Hugging Face's API models like Stable Diffusion XL and Open Journey. Features include customizable prompts, aspect ratios, image counts, and a sleek dark/light theme. This project deepened my skills in API integration, async JavaScript, and responsive design. Letโs create something amazing together!
This is a responsive travel agency website frontend called โTourly,โ built with HTML, CSS, and JavaScript. It features a hero banner, tour search form, destination highlights, travel packages, gallery, and contact section. CSS provides modern styling with a clean layout and smooth transitions. JavaScript adds interactivity with a mobile menu toggle and sticky header. The design is user-friendly and visually appealing, ideal for promoting travel services.
The provided Java file, ATM_Project.java, is a basic console-based simulation of an ATM system. It prompts the user to enter a PIN and, if validated, allows them to perform actions like checking their balance, depositing money, withdrawing money, viewing a receipt, or exiting the session. The system maintains a simple balance, updates it based on deposits and withdrawals, and uses basic input handling through a Scanner. The structure is straightforward, using a while (true) loop and a switch statement to handle user options, with clear prompts and feedback messages. However, the code contains minor spelling mistakes (like "withdrow" instead of "withdraw" and "resipt" instead of "receipt") and could be improved by better input validation and user experience refinements.
I developed a responsive and interactive portfolio website using React, CSS, and JavaScript, featuring a sleek dark/light theme toggle. The site includes key sections such as Home, About, Projects, and Contact, all designed with a clean and user-friendly interface. The Projects section highlights my work with detailed descriptions and links, allowing visitors to explore my skills through real examples. With smooth navigation and dynamic content rendering, the website effectively showcases my experience and provides a professional way for others to connect with me.
The Inventory Management System desktop application, developed using C#, is designed to efficiently manage products, categories, customers, and orders. The system's database (imsystem) includes structured tables such as tbcategory, tbcustomer, tbproduct, and tborder, enabling organized storage and quick retrieval of inventory data. Products are categorized (e.g., Laptop, Smart Phone, SSD), linked with customer orders, and associated with quantity, pricing, and descriptions. The application supports core functionalities like product listing, order placement, customer management, and inventory tracking, making it a comprehensive solution for small to medium-sized businesses to streamline their inventory operations.
Achievements & Awards
Get In Touch
I would love to hear your feedback! Feel free to send me an email and share your thoughts...