Hi, I am Ali Gates

I build a frontend websites, I will solve all your business problems. I am contribute into Open Source.

10+

Happy
clients

1+

Years of
experience

mainimg

I am a

 FRONT-END

DEVELOPER

About me


01.  class Ali {
02.   constructor() {
03.      this.name  = 'Ali G@te$';
04.      this.phone = +923246987780;
05.      this.email = 'hacktech877@gmail.com';
06.   }
07.   frontendDeveloper() {
08.        return [
09.        {'✔':'Proficient in HTML5, CSS3, JavaScript, and TypeScript.'}
10.        {'✔':'Experienced with React and Tailwind CSS for developing responsive 
11.        and dynamic web applications.'}
12.        {'✔':'Skilled in using Framer Motion for seamless text transitions and 
13.        animations.'}
14.     ]
15.   }
16.   backendTechnologies() {
17.     return [
18.       {'☆':'Familiar with Node.js for server-side Development.'}
19.       {'☆':'Worked with Express.js to build RESTful APIs.'}
20.    ]
21.   }
22.   portfolioDevelopment() {
23.    return [
24.       {'⁂':'Built a Personal Portfolio using Next.js, Highlight.js, & 
25.       Framer Motion.'}
26.       {'⁂':'Explored Three.js for 3D Graphics and Animations.'}
27.    ]
28.   }
29.   professionalExperience() {
30.     return [
31.       {'☞':'Worked as a Frontend Web Developer, skills in JavaScript/TypeScript, React, 
32.       and Tailwind CSS.'}
33.       {'☞':'Former Business Analyst, creating Business Documents,Flowcharts, and 
34.       Process Maps.'}
35.       {'☞':'Project management tools like Jira and methodologies such as Scrum.'}
36.     ]
37.   }
38. }

Skills ☞ What I Use???

HTML5CSS3JAVASCRIPTREACTJSNEXTJSTAILWINDCSSMATERIALUIFRAMERMOTIONGSAPRESTFULAPIGITTypeScriptThreeJSPROCESSFLOWMATERIALUI
HTML5CSS3JAVASCRIPTREACTJSNEXTJSTAILWINDCSSMATERIALUIFRAMERMOTIONGSAPTypeScriptThreeJSRESTFULAPIGITPROCESSFLOWMATERIALUI
HTML5CSS3JAVASCRIPTREACTJSNEXTJSTAILWINDCSSMATERIALUIFRAMERMOTIONGSAPTypeScriptThreeJSRESTFULAPIGITMATERIALUI
Image 1Image 2Image 3Image 4Image 5Image 6Image 7Image 8Image 9Image 10Image 11Image 12Image 13Image 1Image 2Image 3Image 4Image 5Image 6Image 7Image 8Image 9Image 10Image 11Image 12Image 13Image 1Image 2Image 3Image 4Image 5Image 6Image 7Image 8Image 9Image 10Image 11Image 12Image 13Image 1Image 2Image 3Image 4Image 5Image 6Image 7Image 8Image 9Image 10Image 11Image 12Image 13

Projects.

Following projects showcase my skills and experience through real-world examples of my work. Each project is briefly described with links to code repositories and live demos in it. It reflects my ability to solve complex problems, work with different technologies, and manage projects effectively.

project_image
Live
source code

Waltford LLC.

As a Frontend Developer, I’m developing the Watford LLC website using Next.js, Framer Motion, and Tailwind CSS. I used the CoinGecko API to display coin prices in various currencies. I implemented login functionality, compared trading options, and enabled the buying and selling of coins.

#nextjs

#framer-motion

#tailwindcss

project_image
Live
source code

ZPS Online Services

ZPS Online Graphics Services used React.js and TypeScript on the front end alongside Tailwind CSS. Users can easily upload and download templates, accessing a variety of graphic design services. On the backend, Node.js ensures secure file handling. Available Admin Panel.

#react

#tailwindcss

#mongo

project_image
Live
source code

3D Portfolio

I developed a dynamic and visually engaging 3D Portfolio website to showcase my skills and projects. Utilizing React.js for its robust performance. Framer Motion and Three.js were integrated to create captivating animations. Tailwind CSS allowed me to style the site efficiently and responsively.

#react

#threejs

#css

project_image
Live
source code

Independence Day Celebration

I created a dynamic Independence Day celebration page using React and the react-confetti library. The page features an animated flag display and festive confetti, all brought together with custom CSS to convey the holiday spirit.

#react

#react-cofetti

#css

Get in touch with me!

Contact.

LinkedIn
Discord
Github
YouTube