Ali Eltahan, Full Stack Software Engineer, workspace

Hi! I'm Ali Eltahan.

Fullstack Developer


About Me

I'm a Full Stack developer building fast, secure and scalable web applications end to end, from responsive, accessible interfaces with React & Next.js to robust APIs with NestJS, PostgreSQL and real-time features.

I treat quality as part of the job: typed, well-tested, readable code that's easy to maintain and extend.

I use AI tools like Claude Code throughout my workflow to plan, build, review and test faster, so I ship features in a fraction of the time without cutting corners. Every change is still reviewed and owned by me.

I keep learning and adopting new technologies, and I enjoy turning complex problems into simple, reliable products.

Skills

HTML5
95%
CSS3
95%
Sass
97%
Styled Components
80%
Bootstrap
90%
Material UI
85%
JavaScript
94%
React
96%
Next.js
90%
Redux
97%
GraphQL
85%
Git
94%
Webpack
87%
Node.js
90%
NestJS
95%
Jest
95%

Projects

Project Rent a Room
  • Project Name: Rent a Room
  • Description:
    • Full stack platform for listing & renting rooms and finding flatmates.
    • Sign up/Sign in with Email/Password & Google, JWT access/refresh tokens.
    • Create, edit & search room listings and flatmate ads with filters.
    • Image uploads processed with Sharp & stored on S3/R2.
    • Real-time chat between users via WebSockets (Socket.io).
    • Favorites, notifications & transactional emails (AWS SES).
    • Premium listings & subscriptions with Stripe Checkout and webhooks.
    • Moderation & reporting: role-based permissions, suspend/ban, auto-suspend on reports.
  • Technologies: NestJS, Next.js, TypeScript, PostgreSQL, Drizzle ORM, Socket.io, Stripe, AWS (S3, SES), React Query, Zustand, Tailwind CSS
Project Task scheduler
  • Project Name: Task scheduler
  • Description:
    • Sign up/Sign in with Email/Password via Firebase Authentication.
    • Add, edit & remove tasks; toggle them as completed/pending.
    • Filter tasks by date, status (completed/pending) or priority.
    • Search tasks by title and sort them by due date (asc/desc).
    • Sign out.
  • Technologies: React, Firebase, JavaScript, HTML, Sass
Project E-commerce shop
  • Project Name: E-Commerce Shop
  • Description:
    • Online shop.
    • Product data fetched from a GraphQL API.
    • Global state (cart, currency, filters) managed with Redux.
    • Currency switcher updating all prices across the app.
    • Cart page & mini cart overlay.
    • Dynamic filter attributes generated from the listed products.
    • Filters persisted in the URL & cart persisted across sessions.
  • Technologies: React, Redux, GraphQL, Styled Components, JavaScript, HTML, CSS
Project My Reads
  • Project Name: My Reads
  • Description:
    • Bookshelf app to organise books into Currently Reading, Want to Read & Read.
    • Add new books to the desired shelf from the search page.
    • Search page querying a books API (AJAX) by title or author.
    • Client-side routing between the Home & Search pages.
  • Technologies: React, JavaScript, HTML, CSS
Project Food App
  • Project Name: Delicious Meals
  • Description:
    • Food ordering app simulating the full order flow.
    • Cart state handled with React state management.
    • Checkout cart.
  • Technologies: React, JavaScript, HTML, CSS
Project Expenses Tracker
  • Project Name: Expenses Tracker
  • Description:
    • Track & store daily expenses.
    • Add/remove expenses.
    • Monthly spending comparison over the year.
  • Technologies: React, JavaScript, HTML, CSS
Project Forkify
  • Project Name: Forkify
  • Description:
    • Search recipes fetched from an API (AJAX).
    • Add & bookmark recipes.
  • Technologies: JavaScript, AJAX, HTML, CSS
Project Mapty
  • Project Name: Mapty
  • Description:
    • Log local workouts (Running/Cycling) directly on a map.
    • Map centred on the user's current coordinates.
    • Add/remove workouts, persisted in local storage.
  • Technologies: JavaScript, Leaflet.js, HTML, CSS
Project Web Hosting
  • Project Name: Moshify
  • Description:
    • Landing page for a web hosting company.
    • Scroll animations with AOS.
  • Technologies: JavaScript, AOS, HTML, Sass
Geolocation
  • Project Name: Geolocation API
  • Description:
    • Detects the user's current country via the Geolocation API.
    • Displays the country along with its neighbouring countries (AJAX).
  • Technologies: JavaScript, AJAX, HTML, CSS
Project Nexter
  • Project Name: Nexter
  • Description:
    • Landing page for a real estate company.
  • Technologies: HTML, CSS, Sass
Project Natours landing page
  • Project Name: Natours
  • Description:
    • Landing page for a tours company.
  • Technologies: HTML, CSS, Sass

Get in Touch