Hello!
I'm Ali Mehdi, a design-minded full stack developer focused on building beautiful interfaces & experiences 👨💻
Get in touch 👉
ali151214.am@outlook.combackground
I'm a self taught full-stack developer. I taught myself coding by watching awesome tutorials on youtube (and the good old docs obv 📁) and then going on to build my own projects. I believe in the mantra of learning and executing by building your own projects (hence avoiding tutorial hell 🤯)
Aside from a developer and staring at a computer screen all day, I'm a CODM competitive gamer playing for one of the best EU org Tragik Esports. Although this might feel irrelevant to you. But believe me, playing competitive at this stage takes you to the next level not only in gaming but in real life too 😉
skills
Languages
JavaScript (ES6)
HTML
CSS/Sass
Java
SQL
PHP
Frameworks
React
Node
Bootstrap
Tailwind CSS
Material-UI
Redux
Tools
Git & Github
Netlify
Chrome DevTools
React-Router
Firebase
Wix
Design
Figma
Adobe XD
Canva
Editor X
featured projects
Tesla clone built with React, React-Router, Firebase for authentication, Redux for state management, and Material-UI. YouTube video out! 🚀
Starbucks ☕️ redesign using React, React-Router, Firebase, Redux, Material-UI, React-hook-forms (for simple form validation), and the Framer Motion API. YouTube video coming soon! 🚀
The cross-Platform app 📱 built with React Native, Expo, React Navigation, React Native Elements, Firebase authentication and cloud firestore which allows users to send and receive messages using real-time functionality 🚀
other projects
Slack 2.0 ✨ with React, Redux, Cloud Firestore, Styled Components, Firebase Hooks & React spinkit for loading animations allowing users to add channels and chat in realtime.
Web app built with React, Firebase, Redux, React-router, Material-UI, and React-hook-form that allows users to send emails using realtime database functionality 🚀
Full-stack LinkedIn clone built with React, Firebase for authentication, Redux for state management, Material-UI, and React-Flip-Move for smooth transitions 🚀
Small React project created using react-ticker ⏰ & firebase.
Recreating one of my inspiration's personal website using React, React-Scroll for smoothly scrolling through the website with some Javascript to give a pixel-perfect 👏 user experience.
Snapchat clone using react-webcam 📸, react-countdown ⏰, cloud firestore, storage, and firebase authentication