About me
I’m a web developer with a background in design and a passion for building clean, user-focused websites.- Skills: HTML, CSS, JavaScript
- Career Goals: Become a full-stack developer
Image Search App Project - HTML, CSS, JavaScript
We will create an image search app that lets you search for any desired image. You can enter your search query and receive results accompanied by a description. The app is responsive and displays images in a single column on smaller ones. Using the Unsplash API, the app fetches up to 1000 unique and non-repetitive images. The modern CSS design ensures a fast and responsive user experience, making it enjoyable to search for cats, dogs, or any image.here are some screenshot of the web app
Below are screenshots of the Image Search App.
Technologies Used
- HTML
- CSS
- JavaScript
- Unsplash API
- Github pages for deployment
Roles and Contributions
- Contributed to integrating the Unsplash API for fetching image data
- Customized the user interface for a modern, responsive design
- Participated in testing and troubleshooting API calls
- Enhanced the layout for improved mobile and desktop experience
- Deployed the project using GitHub Pages
You’re welcome to try the Image Search App You can also explore the code respository for more details.
Random Color Generator Project - HTML, CSS, JavaScript
Let's create a tool that generates multiple random colors and codes with JavaScript. Upon refreshing the page, the colors and codes change randomly for up to 30 color containers. The website is also designed to be responsive, adapting to different screen sizes. It displays the colors in four columns on larger screens, then decreases to three, two, and ultimately one column for smaller screens. This provides a seamless user experience on any device.
Below are screenshots of the Random color generator
Technologies Used
- HTML5 for the structure of the webpage
- CSS3 for styling the elements and layout
- JavaScript for dynamically generating random colors and updating the UI
Role and Contributions
- Front-End Development: Crafted the HTML structure for the color containers and applied CSS to style them, ensuring a clean and responsive design.
- Responsive Design Implementation: Utilized CSS media queries to make the layout adaptable to different screen sizes, enhancing user experience on both desktop and mobile devices.
- JavaScript Functionality: Wrote JavaScript functions to generate random hexadecimal color codes and dynamically assign them to the background of each container upon page load.
- User Experience Enhancement: Ensured that the color codes are displayed alongside their corresponding color blocks, allowing users to easily identify and use the generated colors.
You're welcome to try the Random Color Generator Project you can also explore the code repository for more details
My Technical skills
Frontend
Design tools
Role-specific strength
Frontend Development
- HTML5 – Semantic markup for modern web
- CSS3 – Responsive layouts & animations
- JavaScript (ES6+) – Core logic and DOM manipulation
- React.js – Component-based architecture
Design Tools
- Figma – UI/UX prototyping
- Adobe XD – Interface design
Version Control
- Git – Branching and collaboration
- GitHub – Remote repositories and project management
Experience
New Horizons ICT Resource Center
Role: IT Trainee
Duration: January 2024 – March 2024
- Completed training in Networking, Cybersecurity, and Ethical Hacking.
- Worked on hands-on lab simulations using Cisco Packet Tracer and Wireshark.
- Participated in group projects involving Windows server configuration and basic network security setup.
Freelance Web Developer
Role: Web Designer / Developer
Duration: June 2023 – Present
- Designed and developed personal portfolios and landing pages using HTML, CSS, and Bootstrap.
- Collaborated with clients to gather requirements and deliver tailored solutions.
- Optimized sites for mobile responsiveness and SEO basics.
Computer Science Club,Bells university of technology
Role: Member & Project Contributor
Duration: 2022 – Present
- Contributed to development of a university event tracking web application.
- Participated in hackathons and weekly coding challenges.
- Assisted in organizing coding bootcamps for new members.