Bangla-first Training Institute Website
A responsive Bangla-language institute website presenting computer-training courses, admission notices, student stories, and contact information in a clear enrollment-focused experience.
A Bangla-first course-discovery and admission website for a local training institute.
| Area | Details |
|---|---|
| Project | Educational institute website |
| Contribution | Responsive website and admission-information presentation |
| Status | Working Vercel deployment captured |
Matrichaya Computer Training Center is a website for helping prospective students understand training options and contact the institute. The live experience uses Bangla throughout the central course and admission journey.
I focused the presentation on practical student questions: which courses are available, what level and duration they involve, why the institute is relevant, and how to ask about admission.
A local training institute has to communicate several kinds of information on a small screen: course names, fees, duration, facilities, admission notices, and contact details. A page that treats every item as equally important becomes difficult to scan.
The challenge was to organize those details into an enrollment-focused journey without losing local-language readability.
| User | Responsibility |
|---|---|
| Prospective student | Compare course information and find an admission contact |
| Parent or adviser | Understand the institute and learning environment |
| Institute team | Communicate courses, admission notices, and contact channels |
The flow above describes the product journey. The following sections explain the implementation and the boundaries of this case study.
| Capability | How it appears in the product |
|---|---|
| Course cards | Course level, duration, capacity, and fee presentation |
| Visual introduction | Photo carousel and institute branding |
| Admission notice | A dedicated notice-board component and admission messaging |
| Student stories | Testimonials and learning-outcome presentation |
| Inquiry form | Name, phone, course selection, and optional message fields |
| Contact | Location, map, phone, email, and social navigation |
The Next.js and TypeScript implementation is organized into reusable page sections and components. The repository contains a specific notice-board feature, making time-sensitive admission information a distinct UI element.
The information architecture moves from the institute proposition to courses, reasons to enroll, student stories, and contact. Course cards present comparable fields consistently; contact details remain available through direct links as well as the inquiry form.
The screenshot uses the working Vercel deployment. The supplied custom domain did not resolve during the earlier review, so the portfolio live link currently points to the verified deployment.
| Layer | Technology |
|---|---|
| Framework | Next.js and React |
| Language | TypeScript |
| Content | Bangla-first institute and course information |
| Delivery | Vercel deployment |
| Decision | Reason |
|---|---|
| Bangla-first content | Use the audience’s working language throughout discovery and inquiry |
| Comparable course cards | Keep the same information fields visible across courses |
| Separate notice board | Give admission updates a recognizable place |
| Multiple contact paths | Support direct contact as well as a structured inquiry form |
| Section-based composition | Keep a long institute page navigable |
A rich institute page can grow long. Its visual hierarchy must continue to work when course lists, testimonials, and notices expand. Carousels also need clear controls and should not be the only way important information is available.
The public interface was inspected and captured. The review did not send a real inquiry or independently verify promotional student counts and testimonial claims.
Local-language website work is an information-design task, not just translation. Course comparison and contact access need to remain clear in the language and devices the audience uses.

Fintech Marketing Website with Lead Capture
Next.js · React · TypeScript · Framer Motion

A unified enterprise solutions platform for business growth
Next.js · TypeScript · Tailwind CSS · shadcn/ui

Role-based Attendance Management with a Face-recognition Workflow
Next.js · React · JavaScript · Tailwind CSS