Hazem S. looks like a good fit?

We can organize an interview with Aldin or any of our 25,000 available candidates within 48 hours. How would you like to proceed?

Schedule Interview Now

Hazem S. - Google Cloud, React Native, nextjs

My name is Hazem S. and I have over 2 years years of experience in the tech industry. I specialize in the following technologies: Front-End Development, HTML, Bootstrap, JavaScript, node.js, etc.. I hold a degree in Bachelor of Science in Information Technology. Some of the notable projects I’ve worked on include: Some of My own design for brands, some of my wordpress previous work, SkateorDie Website, Simple Login Page, Responsive CSS Showcase Website. I am based in Sadat, Egypt. I've successfully completed 5 projects while developing at Softaims.

My expertise lies in deeply understanding and optimizing solution performance. I have a proven ability to profile systems, analyze data access methods, and implement caching strategies that dramatically reduce latency and improve responsiveness under load. I turn slow systems into high-speed performers.

I focus on writing highly efficient, clean, and well-documented code that minimizes resource consumption without sacrificing functionality. This dedication to efficiency is how I contribute measurable value to Softaims’ clients by reducing infrastructure costs and improving user satisfaction.

I approach every project with a critical eye for potential bottlenecks, proactively designing systems that are efficient from the ground up. I am committed to delivering software that sets the standard for speed and reliability.

Main technologies

  • Google Cloud

    2 years

  • Front-End Development

    1 Year

  • HTML

    1 Year

  • Bootstrap

    1 Year

Additional skills

Direct hire

Potentially possible

Ready to get matched with vetted developers fast?

Let’s get started today!

Hire undefined

Experience Highlights

Some of My own design for brands

Here are some of my original designs for various brands. These creations reflect my unique approach and creativity, combining innovative concepts with a strong understanding of brand identity. Each design is crafted to align with the vision and values of the brands they represent, ensuring a memorable and impactful impression.

some of my wordpress previous work

.

SkateorDie Website

# SkateorDie-Website ## Project Overview SkateorDie-Website is a visually appealing website project created using HTML, CSS, and Bootstrap. This project is designed to celebrate the world of skateboarding and provide visitors with an immersive experience. It showcases web development skills and best practices, including responsive design for various screen sizes, and leverages the power of Bootstrap for a sleek and modern look. ## Project Structure - **index.html:** The main HTML file that structures the entire website, containing headers, navigation, sections, and the footer. - **main.css:** The primary CSS file responsible for defining the website's styling, including text formatting, layout, colors, and responsiveness. - **Images:** This directory contains image files like "board.jpg," "tipsolahraga.jpg," and "longboard.jpg," used for visual content on the website. ## Key Features - **Navigation Bar:** A responsive navigation bar at the top provides easy access to different sections of the website. It adapts gracefully to various screen sizes. - **Header Section:** The header section features a striking gradient background, a prominent title, and a compelling call-to-action. - **Video Section:** A dedicated section for displaying an embedded YouTube video within a responsive container. - **Informational Boxes:** Three informative boxes each containing an icon, a label, and a description. These boxes offer concise information about different aspects of skateboarding. - **"Get Cool Stuff" Button:** A conspicuous button encourages users to explore exclusive content or offerings. - **Article Section:** An informative article with Lorem Ipsum text and a complementary image, providing additional context to visitors. - **Footer:** The footer section presents essential information about the website or organization, including links to various pages and social media profiles. ## Responsive Design The SkateorDie-Website is crafted to be responsive, ensuring an optimal user experience on diverse devices, ranging from desktops to mobile screens. The navigation menu gracefully collapses into a mobile-friendly dropdown menu when viewed on smaller screens. ## How to Run the Project 1. Download the project files, including `index.html`, `main.css`, and any necessary image files. 2. Open the `index.html` file in a modern web browser to explore the SkateorDie-Website. ## Author - **Author:** Hazem Swelam - **Contact Information:** [email protected] Feel free to modify and expand upon this README to provide any additional information or instructions specific to your SkateorDie-Website project.

Simple Login Page

Project Name: Simple Login Page Project Description: The "Simple Login Page" project is a web application that provides a basic user interface for logging in. It is designed to be a straightforward, user-friendly login page that can be easily integrated into other web applications or used as a standalone login system. Features: User-friendly Interface: The login page offers a clean and intuitive design, making it easy for users to understand and interact with. Responsive Design The "Simple Login Page" project is built with responsive design principles in mind. It is optimized to work seamlessly on various screen sizes and states, including: Mobile Devices: The login page is fully responsive and adapts to the smaller screens of mobile devices, ensuring a user-friendly experience for users accessing the site from smartphones or tablets. Tablets: The layout is designed to provide an optimal viewing and interaction experience on tablet devices, both in portrait and landscape orientations. Desktop: Users accessing the login page from desktop computers or laptops will also find it well-optimized for larger screens. Different States: This project takes into account different states and viewports, ensuring that the login page maintains its functionality and aesthetics regardless of the screen size or orientation. Whether your users are on the go with their mobile phones or using larger desktop monitors, this login page is designed to deliver a consistent and user-friendly experience across all devices and states. Email and Password Input: Users can enter their email and password into the respective input fields. Remember Me: Users have the option to check a "Remember me" checkbox, which can be used to remember their login information for future visits. "Need Help?" Link: A "Need Help?" link is provided for users who require assistance or forgot their login credentials. Create New Account: Users can easily navigate to the "Create New Account" page by clicking on the provided link. Technologies Used: HTML: The project uses HTML for structuring the web page. CSS: Cascading Style Sheets (CSS) are employed for styling and layout. Bootstrap: Bootstrap is used for responsive design and pre-built UI components. JavaScript: JavaScript libraries (jQuery and Popper.js) are included to enhance user interactions and for Bootstrap functionality. Project Structure: The project is organized as follows: HTML File: The HTML file (index.html) contains the structure of the login page, including form inputs, buttons, and links. CSS File: The CSS file (main.css) contains custom styling rules to enhance the appearance of the login page. Bootstrap 4 Files: The project includes Bootstrap CSS and JavaScript files for responsive design and interactive components. Getting Started: To run this project locally, follow these steps: Download or clone the project files to your computer. Open the index.html file in a web browser. You will see the simple login page where you can enter your email and password or click on the "Create New Account" link to navigate to the registration page. Usage: This project can serve as a starting point for building login functionality in web applications. You can integrate this login page into your existing projects or extend it to include user authentication and registration features. Contribution: Contributions to this project are welcome. If you'd like to improve the design, add features, or fix bugs, feel free to contact. Author: Hazem Swelam contact on: [email protected]

Responsive CSS Showcase Website

Project Description : Project Overview: This project is a simple website created using HTML and CSS. It is designed to showcase various web development skills and practices, including responsive design for both desktop and mobile devices. The website consists of multiple sections, including a navigation bar, a video section, informational boxes, and a footer. Project Structure: index.html: This is the main HTML file that structures the entire webpage. It contains all the content, including headers, navigation, sections, and the footer. stylexxx.css: This is the main CSS file that defines the styling for the webpage. It includes various CSS rules for text formatting, layout, colors, and responsiveness. Images: The project includes image files, such as "devIcon.png" and "iOS_Slope.png," which are used as icons and decorative elements on the webpage. Key Features: Navigation Bar: The website has a responsive navigation bar at the top. The navigation links are styled and are designed to adapt to different screen sizes. Header Section: The header section includes a gradient background and a prominent title with a call to action. Video Section: This section displays an embedded YouTube video within a responsive container. Informational Boxes: Three informational boxes are displayed, each containing an icon, a label, and a description. These boxes are designed to provide brief information about different aspects of the project. Learn More Button: A "Learn More" button is prominently placed, which can be used to direct users to additional information or pages. Article Section: This section includes an article with Lorem Ipsum text and an accompanying image. Footer: The footer provides information about the company, including links to different pages and social media profiles. Responsive Design: The website is designed to be responsive and adapt to various screen sizes, including desktop and mobile devices. The navigation menu collapses into a mobile-friendly dropdown menu when viewed on smaller screens. Author: Hazem Swelam Contact Information: [email protected]

Education

  • Nile University

    Bachelor of Science in Information Technology in Computer science

    2021-01-01-2025-01-01

Languages

  • Arabic
  • English

Personal Accounts