Project
Hit Resturant
Built a responsive restaurant website UI with HTML and CSS, focused on clear navigation for menus, orders, and reservations.
Front End Developer
Hi, my name is Fares Galal.
Work Experience
Frontend Developer
2024-03-14 - Present
Frontend Developer
2024-07-17 - 2025-11-12
Skills
Packages
npm package
v0.0.6@f47/variabler
A React component library for editable content with variable highlighting.
Downloads
745 total downloads
Source
Open on npm
npm package
v0.1.9react-matchings
A React component for matching questions and answers
Downloads
3,055 total downloads
Source
Open on npm
npm package
v1.0.4formcn
Schema-driven React form generator using React Hook Form, Zod, and shadcn/ui
Downloads
686 total downloads
Source
Open on npm
npm package
v1.1.0@f47/pakio
Save, manage, and reuse npm package templates across projects
Downloads
351 total downloads
Source
Open on npm
npm package
v1.0.28fixmind
Local-first learning lessons for developers working with AI coding agents.
Downloads
4,878 total downloads
Source
Open on npm
Articles
I Fixed a YouTube Annoyance With a Chrome Extension
https://medium.com/@faresgalal09/i-fixed-a-youtube-annoyance-with-a-chrome-extension-d1acc2722b76?source=rss-2f43b1f2e2b3------2
Tracking File Upload Progress on AWS S3
https://medium.com/@faresgalal09/tracking-file-upload-progress-on-aws-s3-146054bb6184?source=rss-2f43b1f2e2b3------2
FormCN: The CLI That Makes Building Forms Fast and Easy
https://medium.com/@faresgalal09/formcn-the-cli-that-makes-building-forms-fast-and-easy-9a3e4457de7b?source=rss-2f43b1f2e2b3------2
A React Matching Component I Couldn’t Find on NPM
https://medium.com/@faresgalal09/a-react-matching-component-i-couldnt-find-on-npm-a3002bab01b7?source=rss-2f43b1f2e2b3------2
Exploring the Prophets in a New Way: My Open Source Journey
https://medium.com/@faresgalal09/exploring-the-prophets-in-a-new-way-my-open-source-journey-cda880d5b8bc?source=rss-2f43b1f2e2b3------2
Creating Dynamic Content in React: Meet Variabler
https://medium.com/@faresgalal09/creating-dynamic-content-in-react-meet-variabler-2f5e9ba685b8?source=rss-2f43b1f2e2b3------2
Server-Side Audio Transcription Using OpenAI in Next.js (Pages Router)
https://medium.com/@faresgalal09/server-side-audio-transcription-using-openai-in-next-js-pages-router-b7a3f167c60f?source=rss-2f43b1f2e2b3------2
Effortless Drag-and-Drop Functionality with dnd-kit
https://medium.com/@faresgalal09/effortless-drag-and-drop-functionality-with-dnd-kit-047b6f6eaa0c?source=rss-2f43b1f2e2b3------2
Build Endless Scrolling with React Query v5 and Cursor Pagination in Next.js (App Router)
https://medium.com/@faresgalal09/build-endless-scrolling-with-react-query-v5-and-cursor-pagination-in-next-js-app-router-0d138ae014b7?source=rss-2f43b1f2e2b3------2
Crafting Dynamic Inputs with Shadcn-ui, React-dropzone, RHF, and Zod in Next.js 13
https://medium.com/@faresgalal09/crafting-dynamic-inputs-with-shadcn-ui-react-dropzone-rhf-and-zod-in-next-js-13-9ee13c856287?source=rss-2f43b1f2e2b3------2
Projects
Project
Movie DB
Movie Database website created using ReactJS.
Project
MultiStepForm
MultiStepForm with zod validation.
Project
Launch countdown timer
Animated Launch countdown timer
Project
Simple Template
A simple template created using Html, CSS and JS.
Project
Space Tourism
Developed a responsive space tourism website, "Amazing Space-Tourism," with dynamic content from APIs.
Project
Todos App
A Todos which supports filtering and theme changing
Project
Catalyse
I developed a website that facilitates seamless communication between content creators and brands. It provides a safe environment for collaboration and offers many additional features to enhance their interactions.
Project
Fiber
A focused frontend build with attention to usability, polish, and implementation details.
Project
Color Generator
This website using Html, CSS and ReactJS. The user enters a color name or hex code for a color then a color palette will show for him.
Project
Special Agency Template
Built with HTML, CSS, and JavaScript to deliver a responsive experience across desktop, tablet, and mobile.
Project
Lorem Ipsum Generator
A simple Lorem Ipsum Generator created using ReactJS and CSS.
Project
REST Countries
The website "Where in the World" displays population, region, and capital information for countries worldwide. This data is sourced through an API, and the website also features interactive filtering capabilities to refine your search.
Project
Grocery Bud
Simple Grocery Bud website created using ReactJS and CSS.
