Bilingual Community Services Directory with Right-to-Left Support
A fast, server rendered directory of local public services such as clinics, blood banks, legal aid and government offices, available in English and a right-to-left language like Urdu, that stays usable on a cheap phone with a weak connection. The engineering claim is a layout that mirrors correctly, pages that search engines index per language, and performance measured on real low-end conditions.
Beginner
Achievable by one student in a semester with familiar tools.1 semester, 1 to 2 students
6 to ship
3 optional extrasSuggested stack
What you should ship
- Searchable, filterable directory of services with a detail page per listing and its own URL
- Full English and right-to-left language versions using CSS logical properties so the layout mirrors without duplicate stylesheets
- Server rendered pages with per-language URLs, hreflang tags and structured data for each listing
- Saved listings available offline through a service worker
- A suggest-a-correction form whose submissions are moderated before they go live
- A report with Lighthouse scores on a throttled mobile profile and a keyboard and screen reader audit, before and after fixes
If you have time left
- Map view with nearby services that degrades to a list when location is denied
- SMS or WhatsApp share links formatted for each language
- A third language, to prove the translation workflow scales
The problem
Information about local public services is scattered across outdated Facebook pages, PDFs and word of mouth, and the sites that do exist are usually English only, slow and broken on small screens. The people who most need a blood bank or free legal aid are often on a cheap phone with a weak connection and read a right-to-left script.
What you build
A Nuxt site listing services with search and filters, fully available in English and a right-to-left language, server rendered so each page loads fast and is indexed per language, with offline access to listings a user saved.
Why it is a sound beginner project
The data model is simple, so the effort goes into the frontend craft that tutorials skip: internationalisation, right-to-left layout, accessibility and performance on real devices. A pair can finish it and make it genuinely good.
The interesting part
Right-to-left done properly. Icons that imply direction, mixed English and Urdu text in one line, numbers, form inputs and focus order all need attention, and CSS logical properties only solve part of it. Document every case you had to handle.
How to evaluate it
Measure Lighthouse performance and accessibility on a throttled mid-range mobile profile, run a keyboard only and screen reader pass in both languages, and report before and after numbers for each fix.
Scope warning
Do not try to collect every service in the country. Seed fifty accurate listings for one city and build the correction workflow; the product is the experience, not the dataset.
Ideas and guidance, not finished projects
These are project ideas and scoping guidance, published free for students to use as a starting point. I do not build, write, or sell final-year projects, and I do not complete coursework for anyone. Take an idea, make it yours, and build it.
Not sure this one fits you?
I help students pick an idea that matches their skills and their deadline, then scope it down until it is finishable. Guidance only, never done for you.
Stuck on something specific?
Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Sessions are free for approved Sefism members, and a few slots open each week.
Follow along
New writing, resources and project ideas land here first.