Hi, I'm Farouk Ghodhbane. I believe web development can drive positive change in the world by creating more efficient, accessible, and impactful solutions that promote the well-being of people and the planet. As a developer, I strive to contribute to this transformation.
More specifically, I've recently become more interested in educational tools. After all, a big chunk of my knowledge was and is being passed down to me through the internet as I'm solidifying and expanding my skill set taking on FreeCodeCamp.org certification programs and finishing up an Associate of Science in web development online!
In my projects, I enhance accessibility, user experience, and responsiveness. I also create quality designs for wireframes and mockups. I recognize teamwork can bring about amazing products and I think communication is key to that success. As an effort to improve my communication skills, I write blog posts from time to time explaining the developing experience. You can preview my blog posts here.
I make time to play board games with my friends and I'm fascinated by plants and animals. Sometimes when I hike, I find myself on the lookout for a cute bunny hopping from one side of the trail to the other! I also enjoy collecting succulents. Lastly, and for a fun fact, I'm a polyglot! Besides English, I speak French, Arabic, and Spanish.
PHP8 - MySQL - Javascript (AJAX) - SCSS - HTML5
The Course Projects Manager is a comprehensive web application tailored for students to simply manage and track their academic projects across various courses. This tool provides a personalized experience with features such as secure user registration, dynamic editing, and feedback.
I enhanced this application to deliver an intuitive and more inclusive user experience. Architecture-wise, I implemented the Model-View-Controller (MVC) framework, which ensures scalability and facilitates smoother evolution over time.
PHP8 - MySQL - RESTful API - Bootstrap - CSS3 - HTML5
C'est Flashifique! is an agile-driven E-commerce student venture for selling French Flashcards and giving out tips on French learning. The site features a rich custom cart solution, tailored to both guest and register users, and dynamic product sorting and display. Additionally, it served as platform for me to enhance my Bootstrap skills.
Some features I implemented here for a better user experience include the sticky sorting sidebar for easy navigation on the categories page, Buy now buttons, and product enrichment with user ratings, old-price-new-price listings, and discount badges.
HTML5 - CSS3 - Javascript
This very portfolio page served as the canvas for me to build upon performance, accessibility, and especially responsiveness skills. The architecture of the page is built on clean and semantic HTML5, styled with modern CSS3 techniques, and enhanced with JavaScript for a smooth navigation bar translation. Special attention is given to load times and search engine optimization (SEO) best practices.
Tools I used for building this site include Wave, WebAIM (Web Accessibility In Mind) contrast checker, Chrome Lighthouse, as well as cross device and cross browser testing.
WordPress - Pods - Elementor - CF7 + Dynamic Text Extension
ChooChooCali is a fictional eco-friendly and accessible high-speed rail system based in California that reflects my support for public transportation and my interest in public services.
Built with WordPress using a variety of plugins, and a custom solution for processing the booking form, ChooChooCali is still a work in progress though you can check it out by clicking on the "Live Project" link below.
This post delves into the accessibility best practices I applied to my portfolio site's homepage. Learn about the implementation of semantic HTML, enhanced keyboard navigation, the strategic use of ARIA labels to make the web more inclusive, and more!
A deeper code-and-picture-backed dive into the intuitive logic of PHP, the power of MySQL's relational data mapping and the MVC framework's adaptability.
In this post, I introduce my Course Projects Manager full stack journey blog series. Learn about the why, the goals, the outline, and more!