Responsive web development projects — landing pages, web apps, dashboards and tools. Each project card shows the live demo link, tech stack badges, GitHub repository, and a screenshot preview. Single-page layout for quick browsing.
Web development projects — landing pages, web apps, dashboards। প্রতিটি card-এ live demo link, tech stack badge, GitHub repo, আর screenshot preview আছে।
All web projects displayed in a responsive card grid. Each card includes a screenshot preview thumbnail, project title, tech stack badges, and action buttons for Live Demo and GitHub. A tech stack filter row at the top narrows results by framework or language.
Web projects card grid-এ দেখানো হয়। প্রতিটি card-এ screenshot thumbnail, tech badges, live demo আর GitHub button আছে। Tech filter দিয়ে specific framework বেছে নেওয়া যায়।
Each project card provides direct access to the deployed live version and source code. The Live button opens the hosted project URL in a new tab. The GitHub button links directly to the repository. These links are stored in the projects data file and updated as projects evolve.
Live button click করলে deployed site খুলবে। GitHub button click করলে source code repo খুলবে। Project data file-এ সব link আপডেট করা থাকে।
A row of tech filter chips above the grid lets users view only projects built with a specific stack. Available filters appear dynamically based on what's actually used in the stored projects — no empty categories. Search bar further filters the visible results by project name or description.
Tech filter chips শুধু actual projects-এ use করা stacks দিয়ে তৈরি হয়। Search bar + filter একসাথে কাজ করে।
| Item | Type | Description |
|---|---|---|
| Projects Code/projects.html | Page | Main projects hub — routes to all sub-sections including websites |
| Projects Code/websites-listing.html | Page | Web projects listing — tech filter, search bar, screenshot cards, live + GitHub buttons |
| Projects Storage/websites/ | Storage | Screenshot images, project metadata organized per project folder |
| Content/projects.json | Data | Project entries with title, stack, liveUrl, githubUrl, screenshotPath, tags |
| Vercel / Netlify / GitHub Pages | Hosting | Deployment platforms used for live demo URLs |