Summary

Experienced front-end developer with over 2.5 years of experience building innovative web applications using HTML, CSS, JavaScript, React, and TypeScript. Proven ability to turn complex ideas into user-friendly interfaces and collaborate effectively with teams to deliver impactful results. Demonstrated expertise in optimizing website performance and increasing user engagement. Skilled in problem-solving, communication, and teamwork.

Skills

HTML - CSS - JavaScript - TypeScript - jQuery - Bootstrap - Tailwindcss - Material UI - Sass - React - Next.js - Vue - Nuxt

Work Experience

Front End Developer @ GridsApps

Oct 2023 - Present

  • Working as front end developer with HTML, CSS, Vue, Nuxt.js, React and Next.js to design and develop user-friendly websites, complex dashboards and large scale applications for GridsApps.
  • Update and enhance existing websites, ensuring compatibility with modern browsers and devices.
  • Collaborate with the design and back end development teams to implement user interfaces and integrate APIs to enhance website functionality and user experience.
  • Work on the creation and maintenance of dashboards, providing intuitive data visualization.

Front End Developer @ ThemesCamp

Apr 2022 - Oct 2023

  • Transformed native HTML CSS jQuery web templates into multiple frameworks, such as Vue Nuxt.js and React Next.js
  • Produced websites compatible with multiple browsers.

Front End Instructor @ Meshkat Nour

Sep 2022 - Dec 2022

  • Worked as instructor and mentor to a big group of students @ Meshkat Nour organization
  • Taught students the Front End stack (HTML - CSS - JavaScript)
  • Guided students on real projects and technology capabilities.

Front End Developer @ Freelancer

Oct 2021 - Mar 2022

  • Working on real projects for multiple organizations and clients as a freelancer .

Projects

Themeforest Projects(12 Big Projects)

All projects and themes i've developed or contributed to it for 'Themescamp - TCG' company at the period of Apr 2022 to Oct 2023.

all projects are big themeforest themes for various categories such as:
  • ecommerce
  • newspaper & magazine
  • personal portfolio
  • agency themes
  • multi-purpose templates, etc...
  • Dorosak - English Learning

    Dorosk is an online educational platform for teaching English for all levels and ages. It contains audio, written, and translated lessons to help teach the language online. Project features:

    • Multilingual website of 18 different pages
    • Powerful admin dashboard
    • Students authentication
    • Payments and subscriptions
    My role was as a front-end developer to build the project in Next.js/TypeScript from a figma UI and colaborate with the backend team to connect api to it

    GridsApps - Official Website

    GridsApps is the updated official website of GridsApps software company Project features:

    • Multilingual website of 17 different pages
    • Services and Payments system
    My role was as a front-end developer to build the project in Next.js/TypeScript from a figma UI and colaborate with the backend team to connect api to it

    Hawas

    Hawas a governmental educational website in Palestine that offers the best educational programs, books and paths with advanced training methods for children and young students. Project features:

    • Contains 24 different pages
    • Interactive educational books and games
    • Students, parents and teachers authentication
    My role was as a front-end developer to build the project in Next.js/TypeScript and create interactive books system and colaborate with the backend team to connect api to it

    Imtyaz

    Imtyaz is the largest educational platform in Palestine, It's an online educational platform specialized in teaching university and school students in all tracks and subjects Project features:

    • Multilingual website of 21 different pages
    • Powerful students, teachers and admin dashboards of 63 different pages
    • Online Payments and subscriptions system
    • Live sessions, recorded courses and written courses systems
    • Students forums and courses discussions area
    My role was as a front-end developer to create a creative UI and build the project in Next.js/TypeScript and colaborate with the backend team to connect api to it

    Afiyetcom

    Afiyetcom is a medical website that contains many medical and scientific articles with many medical-related tools. Project features:

    • Contains 14 different pages
    • Blog and articles system
    • Internal medical tools and calculators
    My role was as a front-end developer to colaborate with front-end team to create a creative UI and build the project in Next.js and colaborate with the backend team to connect api to it

    CoreX Store

    CoreX is a gaming store to discover and buy coupons for your favorite stores. Project features:

    • Contains 16 different pages
    • High Performance and nice animations
    My role was as a front-end developer to build the project in Next.js/TypeScript from a figma UI

    Fraudox

    Fraudox is website with dashboard for a powerful fraud detection and monitoring platform, It provides advanced services in preventing scams and fraud on websites and webapps. Project features:

    • Contains 7 different pages with dark/light themes
    • Powerful user dashboard
    • Payments and subscriptions
    My role was as a front-end developer to work on the UI and build the project (in Vue/Nuxt) and dashboard in (React/Next.js) and colaborate with the backend team to connect the python-based backend api to it

    FlutterCamp

    FlutterCamp is an integrated online educational platform project that contains many web-specific educational paths. Project features:

    • Multilingual website of 18 different pages
    • Powerful students, teachers and admin dashboards of 63 different pages
    • Online Payments and subscriptions system
    • Recorded courses systems
    • Students forums and courses discussions area
    My role was as a front-end developer to build the project in Next.js/TypeScript and colaborate with the backend team to connect api to it

    Markety - Ecommerce

    Markety is an ecommerce online store with multiple languages support, multiple currencies and delivery with order tracking and many other features. Project features:

    • Multilingual website of 27 different pages
    • Powerful admin dashboards of 34 different pages
    • Orders delivery dashboards of 8 different pages
    • Online payments with paypal supports multiple currencies
    • Realtime notifications system
    My role was as a front-end developer to build the project and its dashboards in Next.js and as back-end i've built the api in Node.js/MongoDB then colaborate with my front-end team to connect this api to it. Admin Dashboard: https://markety-dashboard.hassanali.tk Delivery Dashboard: https://markety-delivery.hassanali.tk

    Geni Clash

    Geni Clash is an online realtime muliplayer trivia game in arabic that provides many features of playing online with friends or random people, the game has many features and modes, it's totally built by me with MERN Stack technologies Project features:

    • Online multiplayer matches and cups in different modes with random opponents
    • Realtime in-game communication with friends
    • Add and Play with friends privately in custom rooms
    • Players weekly/all-time rankings and medals
    My role was to build a creative ui in Next.js/TypeScript and Stable api in Node.js/MongoDB/Socket.io then connect api to the front-end

    Other noteworthy projects

    There are many other noteworthy projects listed in my portfolio