Beginner
২৮টি প্রজেক্ট
Single-Page CV
শুধু HTML দিয়ে একটি সুন্দর এক পেজের CV তৈরি করো।
Basic HTML Website
একাধিক পেজ সহ একটি সরল HTML ওয়েবসাইট বানাও।
Personal Portfolio
আগের HTML সাইটকে CSS দিয়ে Personal Portfolio-তে রূপান্তর করো।
Changelog Component
HTML ও CSS দিয়ে একটি চমৎকার Changelog কম্পোনেন্ট তৈরি করো।
Testimonial Cards
HTML ও CSS ব্যবহার করে সুন্দর Testimonial কার্ড তৈরি করো।
Datepicker UI
শুধু HTML ও CSS দিয়ে একটি সুন্দর Date Picker UI বানাও।
Accessible Form UI
HTML ও CSS দিয়ে Accessibility-friendly ফর্ম UI তৈরি করো।
Image Grid Layout
CSS Grid ব্যবহার করে ছবির একটি সুন্দর গ্রিড লেআউট বানাও।
Tooltip UI
শুধু HTML ও CSS দিয়ে navigation-এ Tooltip তৈরি করো।
Tabs Component
HTML, CSS এবং JavaScript দিয়ে Tab কম্পোনেন্ট বানাও।
Cookie Consent
JavaScript দিয়ে Cookie Consent ব্যানার তৈরি করো।
Restricted Textarea
Live character count এবং maximum সীমাসহ Textarea তৈরি করো।
Accordion
HTML, CSS ও JavaScript দিয়ে Accordion কম্পোনেন্ট তৈরি করো।
Age Calculator
HTML, CSS ও JavaScript দিয়ে বয়স গণনার অ্যাপ তৈরি করো।
Flash Cards
JavaScript Framework ব্যবহার করে Flash Card অ্যাপ বানাও।
Pricing Comparison Table
Accessible HTML Table দিয়ে Pricing Comparison পেজ বানাও।
Blog Post Page
Semantic HTML দিয়ে একটি সুন্দর Blog Post পেজ তৈরি করো।
Contact Form
Accessible HTML Contact Form বানাও label ও validation সহ।
Photo Showcase
Alt text, figure, caption ও embedded video সহ Photo Showcase পেজ।
Button Component
CSS দিয়ে বিভিন্ন variant-এর Button Component তৈরি করো — Primary, Secondary, Ghost।
Navigation Menu
Responsive Navigation Menu তৈরি করো — Desktop ও Mobile উভয়ের জন্য।
Animated Progress Bar
CSS Animation দিয়ে Skill Percentage দেখানো Progress Bar তৈরি করো।
Random Quote Generator
JavaScript দিয়ে প্রতিবার নতুন অনুপ্রেরণামূলক quote দেখানোর অ্যাপ।
Color Picker
JavaScript দিয়ে HEX ও RGB Color Picker বানাও — copy to clipboard সহ।
Modal Overlay
HTML, CSS ও JS দিয়ে Animated Modal/Popup Component বানাও।
Digital Clock
JavaScript দিয়ে Real-time Digital Clock তৈরি করো — 12/24hr format সহ।
Unit Converter
Length, Weight, Area-র একক রূপান্তর করার ছোট্ট অ্যাপ বানাও।
Calculator
CSS Grid দিয়ে সুন্দর Calculator UI বানাও ও JS দিয়ে কার্যকর করো।
Intermediate
১৬টি প্রজেক্ট
Quiz App
ব্রাউজার-ভিত্তিক Quiz অ্যাপ্লিকেশন বানাও যেকোনো বিষয়ের জন্য।
Weather Web App
Weather API ব্যবহার করে যেকোনো শহরের আবহাওয়া দেখানোর অ্যাপ।
GitHub Random Repository
GitHub API দিয়ে Random Repository Finder বানাও।
Custom Dropdown
HTML, CSS ও JavaScript দিয়ে Custom Dropdown মেনু তৈরি করো।
Task Tracker
JavaScript দিয়ে To-Do List সহ Task Tracker অ্যাপ বানাও।
Reddit Client
Customizable subreddit lane সহ Reddit Client তৈরি করো।
Temperature Converter
বিভিন্ন unit-এর মধ্যে তাপমাত্রা রূপান্তর করার অ্যাপ বানাও।
Pomodoro Timer
Productivity-র জন্য Pomodoro Tracker অ্যাপ্লিকেশন তৈরি করো।
Music Player
HTML Audio API দিয়ে একটি সুন্দর Music Player তৈরি করো — Play, Pause, Next, Progress
bar সহ।
Markdown Editor
Real-time Markdown Editor বানাও — বাম দিকে লেখো, ডান দিকে Preview দেখো।
Expense Tracker
LocalStorage ব্যবহার করে Income/Expense ট্র্যাক করার অ্যাপ বানাও।
Image Search App
Unsplash API দিয়ে Image Search ও Gallery অ্যাপ তৈরি করো।
Typing Speed Test
WPM ও Accuracy মেপে Typing Speed Test অ্যাপ তৈরি করো।
Drag & Drop Kanban
HTML Drag and Drop API দিয়ে Kanban Board বানাও — Todo, In Progress, Done।
Movie Search App
OMDB/TMDB API দিয়ে Movie Search ও Details দেখানোর অ্যাপ।
Analytics Dashboard
Chart.js ব্যবহার করে Bar, Line ও Pie chart সহ Analytics Dashboard বানাও।
Advanced
৭টি প্রজেক্ট
24hr Story Feature
Instagram Stories-এর মতো Client-side Story Feature ক্লোন বানাও।
Real-Time Chat App
WebSocket ব্যবহার করে Real-Time Chat Application তৈরি করো।
E-Commerce Store
Product listing, Cart, Checkout flow সহ পূর্ণাঙ্গ E-Commerce Frontend বানাও।
Video Streaming UI
YouTube-এর মতো Video Player ও Playlist UI তৈরি করো।
Full Kanban Board
Trello-এর মতো Full-Featured Kanban Board — Drag & Drop, Add/Edit/Delete,
LocalStorage।
Drawing / Paint App
HTML Canvas API দিয়ে MS Paint-এর মতো Drawing App তৈরি করো।
Blog Platform
পূর্ণাঙ্গ Blog Platform — Post লেখা, Edit, Delete, Category, Search সহ।