HI,
I'm Abdul Rahman
React & React Native Developer
About Me
I am a dedicated and passionate front-end web developer with a solid foundation in HTML, CSS, Bootstrap, Tailwind CSS, JavaScript, TypeScript, React and React Native.My expertise lies in creating responsive, user-friendly, and aesthetically pleasing web interfaces. I am proficient in using modern front-end frameworks and libraries to build dynamic and interactive web applications. My knowledge of Bootstrap and Tailwind CSS allows me to efficiently design and implement visually appealing and functional web pages.
Technologies
Projects
JarvisXX AI Voice Assistant
Jarvisxx is a voice-activated personal assistant website created using React.js. It draws inspiration from the Jarvis AI featured in the Iron Man movies. By utilizing JavaScript speech recognition, it can interpret user commands and open popular websites such as YouTube, ChatGPT, WhatsApp, Google, Email, and LinkedIn in new tabs based on voice prompts. Additionally, Jarvisxx can provide the time, date, or battery percentage when prompted and also conduct Google searches when asked 'who is' or 'what is', providing a seamless, hands-free browsing experience.
React JSTailwind cssFramer Motion
Madras Classic Cafe
I created a modern restaurant landing page using React.js, featuring a dynamic video background on the home page to enhance visual appeal. The next section showcases a variety of dishes, offering a clean and appetizing display. Framer Motion was integrated to add smooth and engaging animations throughout the site. The project highlights my skills in combining multimedia elements with interactive design. It's fully responsive, ensuring a seamless experience across devices.
React JSTailwind cssFramer Motion
Zomato Landing Page Clone
I created a Zomato landing page clone using React.js and Tailwind CSS. The clone replicates the design and layout of the Zomato homepage, providing a responsive and visually appealing user interface. The project demonstrates the effective use of React components and Tailwind CSS for styling.
React JSTailwind css
Text to Speech & Speech to Text Convertor
The Text-to-Speech and Speech-to-Text Converter is a web application built with React.js. It enables users to convert text to speech and speech to text. Users can input text and have it spoken aloud using customizable voices through the Speech Synthesis API. The app also allows users to record their speech via a microphone, which is then automatically transcribed into text using the Speech Recognition API. This responsive application is great for auditory learning and easy transcription.
React JSTailwind CSS
YouTube Clone
The YouTube clone project, built with React.js, and the YouTube API allows changing video categories. It features a responsive design and uses CSS for styling. React hooks manage state and API integration, while React Router handles navigation. Currently, users can only watch videos without additional interaction capabilities.
React JSCSS
E-Commerce Website
This project is a simple E-Commerce website developed using React.js. It features a user-friendly interface for browsing products, adding items to the cart, and proceeding to checkout. The website leverages React components for efficient rendering and state management. Additionally, it includes basic styling and responsive design to enhance user experience.
React JSBootstrapCSS
To-Do list
The to-do list app enables users to efficiently manage their tasks. Users can add new tasks, mark them as completed when done, and delete tasks as needed. The app utilizes local storage to save the to-do list, allowing users to resume where they left off even after closing the webpage. This feature ensures that users' task lists are always available and persistent.
React JSTailwind CSS
News Website
This project is a news reading website developed using React.js. It allows users to select and browse news articles by category, providing a personalized reading experience. The site utilizes React components for dynamic content rendering . Additionally, it features a clean and responsive design to ensure accessibility across various devices.
React JSBootstrapCSS
Strong Password Generator
This project is a strong password generator website developed using React.js. Users can specify the desired password length and choose to include uppercase letters, numbers, and special characters. The site utilizes React components for dynamic and interactive password generation. It also features a clean and responsive design to ensure a smooth user experience across different devices.
React JSBootstrap
QR Code Generator
This project is a QR code generator website developed using React.js. Users can easily generate QR codes by entering their desired text or URL and then download the generated QR code for use. The site leverages React components for a seamless and interactive user experience. Additionally, it features a clean and responsive design for optimal performance across devices.
React JSBootstrap