Thanks to visit codestin.com
Credit goes to github.com

Skip to content
View SoftwareEngineerAlaa's full-sized avatar
  • Kassel, Germany
  • 09:17 (UTC +01:00)
  • Codestin Search App in/alaa-tahhan

Block or report SoftwareEngineerAlaa

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse

top-image

Hello World, it's <Alaa> !

Coming from a background rooted in creativity and constant engagement with computer-aided design (CAD) and 3D software, I graduated in Interior Architecture in 2009. Throughout my professional journey in this field, I consistently found myself immersed in problem-solving and enhancing user experiences through optimal software utilization. However, my passion for web programming was sparked in 2000 by HTML. Encouraged by my wife, who embarked on her Computer Science journey and recognized my programming enthusiasm and strong computer skills, I enrolled in a part-time distance bachelor's degree program in Computer Science while maintaining full-time employment. Leveraging my expertise in 3D modeling and CAD, I delved into the realm of software engineering and development.
Eager to learn and grow continuously, my primary focus now lies in Full-Stack or Frontend Web/App Software Engineering.
My door is always open to offers involving technology and expertise, enriching my own.

Tech-Stack

Frontend

HTML5 CSS3 JavaScript React Next.js Tailwind CSS TypeScript Jest Sass ShadCN

Backend

Node.js MongoDB Mongoose Express Koa Clerk Chart.js

Design and UX Tools

Adobe Photoshop Figma ExcaliDraw

Programming Languages

+
JavaScript C# (learning alongside Unity) Java Python TypeScript

Other Techs

Git GitHub GitLab REST APIs

Projects

MindQalam (Personal Project)

Project Icon

Project Description: Digital advent calendar allowing personalized message sharing for an inclusive holiday experience.

My Contribution:

  • Solely conceptualized, implemented, and designed the project.
  • Led Accessibility Enhancements: Implemented comprehensive accessibility features, making the calendar enjoyable for users of all abilities.
  • Dynamic Accessibility via React Next.js: Leveraged JSX in React Next.js for adaptive accessibility information, ensuring an intuitive user experience.
  • Authored Comprehensive Documentation: Created detailed documentation to guide future development and enhance project continuity.

Technologies Used:

🟒 React 🟒 JavaScript 🟒 CSS 🟒 SASS 🟒 Chat.js

Screenshot 1 Screenshot 2 Screenshot 3

Watch the Demo Video here

Visit WebApp Demo here

CADO

Project Icon

Project Description: CADO is a pioneering application designed to connect pet owners with nearby pet sitters.

My Contribution:

  • Collaborated within a 5-member team, employing agile methodologies and best practices to enhance project efficiency and deliverables.
  • Led the design and wireframing of user interface and experience (UI/UX), alongside data flow schematics, utilizing Figma and ExcaliDraw to ensure intuitive and user-friendly application navigation.
  • Architected and implemented a robust data model, along with controllers and endpoints, leveraging MongoDB and Mongoose to establish a single source of truth and facilitate seamless data management.
  • Developed an advanced technological framework combining Next.js and TypeScript to ensure rigorous type handling, integrated with WebSockets via Socket.io for real-time communication, and employed Clerk for secure authentication and user management.
  • Incorporated MapMaker and Cloudinary solutions for efficient mapping, photo, and video sharing capabilities, enhancing the interactive experience between pet owners and sitters.

Technologies Used:

Frontend: 🟒 React 🟒 Next.js 🟒 JavaScript 🟒 Shadcn/ui 🟒 React Icons

Backend: 🟑 MapMaker 🟑 Clerk 🟑 Cloudinary 🟑 Jest 🟑 MongoDB 🟑 Mongoose 🟑 Socket.io

UI/UX Design: πŸ”΅ Figma πŸ”΅ Photoshop πŸ”΅ ExcaliDraw

Screenshot 1 Screenshot 2

Watch the Demo Video here

Event Keeper

Project Icon

An event management application that simplifies adding, viewing, and deleting events.

My Contribution:

  • Solely conceptualized, implemented, and designed the project.

Features

  • Event management
  • Real-time updates
  • Automatic event sorting

Technologies Used: Frontend: 🟒 React 🟒 JavaScript 🟒 CSS Backend: 🟑 Node.js 🟑 Express 🟑 MongoDB

Screenshot

Visit WebApp Demo here

Weather App "mini"

Project Icon

A weather app that allows users to check the current weather in their city, including temperature extremes.

My Contribution:

  • Solely conceptualized, implemented, and designed the project.

Features

  • Live weather data
  • Dynamic icons
  • Temperature conversion
  • Responsive design

Technologies Used: 🟒 React 🟒 CSS

Screenshot

Visit WebApp Demo here

Phone Book

Project Icon

A dynamic Phone Book application for managing contacts with add, edit, and delete functionalities.

My Contribution:

  • Solely conceptualized, implemented, and designed the project.

Features

  • Contact management
  • Search functionality
  • Dynamic updates

Technologies Used: 🟒 HTML5 🟒 CSS3 🟒 jQuery 🟒 JavaScript

Screenshot

Visit WebApp Demo here

GitHub Stats

GitHub Stats Top Languages

Popular repositories Loading

  1. mind-qalam mind-qalam Public

    JavaScript 1

  2. weather-app weather-app Public

    JavaScript 1

  3. phonebook phonebook Public

    CSS 1

  4. event-keeper event-keeper Public

    JavaScript 1

  5. portfolio-desktop portfolio-desktop Public

    JavaScript 1

  6. advent-moments-legacy advent-moments-legacy Public

    Forked from diankita/advent-moments

    JavaScript 1