Muhammad Abdullah Awais
Programowanie full stack szybkich i dostępnych aplikacji webowych w React, Next.js, Node.js i TypeScript.
Ostatnia aktualizacja:
Profil
Muhammad Abdullah Awais to full stack developer: projektuje, tworzy i utrzymuje każde narzędzie w serwisie EasyToolbox: kalkulatory, narzędzia słowne i gry. Praca obejmuje cały stos technologiczny: interfejs, logikę stojącą za każdą liczbą i automatyczne kontrole uruchamiane przed każdą publikacją.
Celem są aplikacje webowe szybkie, dostępne i godne zaufania: czytelne interfejsy, sprawdzone dane i kod, który jest przetestowany, a nie tylko zakładany jako poprawny.
Umiejętności i technologie
Frontend w React i Next.js, backend w Node.js i Express.js oraz przechowywanie danych w MongoDB, czyli razem stos MERN.
| Obszar | Technologie |
|---|---|
| Języki | JavaScript, TypeScript, PHP, SQL, HTML5, SCSS/SASS |
| Frameworki i biblioteki frontendowe | React, Next.js, Vue, Angular, jQuery |
| Zarządzanie stanem | Redux Toolkit, React Redux, VueX, Zustand |
| Frameworki UI | Tailwind CSS, Material UI, Bootstrap, shadcn/ui |
| Backend i API | Node.js, Nest.js, Express.js, REST APIs, Integracja API |
| Pobieranie danych | TanStack Query |
| Bazy danych | MongoDB, MySQL, PostgreSQL |
| Narzędzia i DevOps | Git, GitHub, Swagger, Postman |
| Full stack | MERN stack: MongoDB, Express.js, React, Node.js |
- Responsywne interfejsy z komponentów wielokrotnego użytku z pełnym typowaniem
- API REST i GraphQL projektowane pod potrzeby klienta
- Wydajność dzięki dzieleniu kodu, leniwemu ładowaniu i renderowaniu statycznemu
- Dostępność zgodna z WCAG 2.1 AA i optymalizacja pod wyszukiwarki (SEO) od początku
Jak zbudowany jest serwis
Serwis to statyczna, wielojęzyczna aplikacja Next.js, w której każde narzędzie jest jednym folderem z danymi, logiką, testami i siedmioma własnymi stronami językowymi.
- Next.js z App Routerem, każda strona generowana statycznie z wyprzedzeniem
- TypeScript w całym kodzie, a treści sprawdzane względem schematu podczas budowania
- Siedem języków, każdy z własnymi adresami URL, linkami hreflang i danymi strukturalnymi
- Automatyczne testy w Vitest dla każdego wzoru przed każdą wersją
- Narzędzia działające w przeglądarce, więc nic z tego, co wpisuje odwiedzający, nie trafia na serwer
Kontakt
W sprawie projektu webowego lub uwag do dowolnego narzędzia w serwisie napisz na adres contact@abdullahawais.com. Portfolio pod adresem www.abdullahawais.com pokazuje kolejne projekty, a profile na tej stronie prowadzą do kodu na GitHubie i aktualności zawodowych na LinkedInie.