Hello there, I'm
Ayush ShahUI/UX Developer|
I create responsive, user-friendly web experiences with modern technologies, focusing on clean code and seamless interactions.
About Me
I'm a UI/UX Developer with3+ Yearsof Experience
With over 3 years of experience in web development, I specialize in creating modern, responsive interfaces that provide exceptional user experiences. My passion lies in transforming ideas into functional and aesthetically pleasing websites and applications.
My expertise includes front-end development with React, Next.js, and modern CSS frameworks, as well as back-end integration using Node.js and MongoDB. I'm passionate about creating clean, efficient code that translates designs into seamless interactive experiences.
Currently working at Sportz Interactive as an Associate Front End Developer, I've had the opportunity to build high-profile websites and contribute to numerous projects that have improved my skills and perspective as a developer.
My Specialties
My Experience
A timeline of my professional career and the skills I've developed along the way.
Associate Front End Developer
Sportz Interactive
Now, at Sportz Interactive, I'm still a Front End Developer. I use a tool called SCSS to make websites look nice. I've taken sessions on coding practices and optimizing our code to improve our skills. Additionally, I've contributed to various internal Sportz projects, bringing my expertise to the team and ensuring our work meets high standards.
- •Built and maintained front-end for high-profile websites such as WPL, ISL, Gujarat Titans, and Rajasthan Royals using HTML, CSS, SASS, SCSS, JavaScript, Gulp and Animations.
- •Collaborated with the backend (.NET) team to integrate CMS, ensuring smooth content management and development workflow.
- •Ensured websites' consistency, responsiveness, and accessibility across Safari, Firefox, and Chrome.
Junior Front End Developer
DataViv Technologies
I continued as a Front End Developer at Dataviv for almost a year. I focused on making websites that work well on all devices and fixing any problems. I also worked closely with other developers on 20+ projects, where I learned a lot. I created cool features for over 20 websites using Bootstrap, 10+ with SCSS, and another 10+ with HTML and CSS.
- •Developed the front end of an AI model for Kaya, enabling facial scans to detect skin issues and recommend products.
- •Built a dashboard for Venya, using Chart.js to create and customize charts for various components.
- •Created 20+ websites including DatavivTech, Venya, FabFarm, and Stockbee using ReactJS, Bootstrap, jQuery, and ECMAScript.
- •Worked closely with Python team for data integration, implementing robust authentication and authorization modules
Front End Developer Intern
DataViv Technologies
I completed a 3-month internship at Dataviv Technologies as a Front End Developer. My job was to create websites using bootstraps and custom code, making sure they look good on different devices. I fixed any issues that popped up and worked on more than 10 projects. It was a great learning experience.
Technical Expertise
I've worked with a variety of technologies and frameworks to create responsive and modern web applications.
NextJS
Typescript
JavaScript
ReactJS
MongoDB
Express
Node JS
GIT
HTML
CSS
SCSS
Tailwind
Frontend Development
Backend Development
My Portfolio
Check out some of my latest projects. Each project represents a unique challenge I've tackled using various technologies.
Aonix v2
Built a dynamic and responsive website using ReactJS, leveraging reusable components for efficient development. Integrated a contact form using EmailJS for direct email communication.
View Project
Dataviv Technologies
This website is my own creation for a company, and I must say it turned out to be a visually appealing and impressive website. The animation used in the layout is absolutely fabulous, and I take great pride in designing the color combination and implementing the animations throughout the website.
View Project
Tradebattle
Tradebattle is an interactive platform where users can place bets on stock market trends. Built using React, this project integrates dynamic features like scroll-driven animations and a sleek, responsive design. GSAP was used extensively to create smooth animations that enhance the user experience.
View Project
Data Web
I came across this website long after my course, and I decided to replicate it exactly as it is seen. I added a few of my own modifications, such as a sticky navigation and some hover animations.
View Project
Netflix Landing Page
I created a Netflix landing page clone using React. Most of my focus went into the section where videos play. While keeping the design simple, I also addressed some flaws present in the actual Netflix website within this clone.
View Project
School VR
I built a website using React, and the toughest part was designing it and making dynamic pages. After that, I integrated EmailJs into it. Additionally, I added some small animations throughout the website.
View ProjectMy Services
I provide a range of services to help you build and optimize your web presence.
Website Creation
Crafting visually appealing and functional websites from scratch that align with your vision and goals. Our team of skilled front-end developers ensures a seamless user experience.
Optimization
Boosting the performance of existing websites through strategic optimization. From enhancing loading speeds to refining user interfaces, we improve search engine rankings and user satisfaction.
Component-Based Approach
Implementing a component-based approach in web development for modular and efficient design. This ensures scalability, maintainability, and reusability of code components across the website.
Color Theming with Variables
Utilizing variables throughout the website for color theming. This allows for easy customization and consistency in maintaining the visual aesthetics of your brand or project.
Dark Mode Options
Providing users with the option to switch to dark mode for a comfortable and visually pleasing experience, especially in low-light environments. Enhancing accessibility and user preference.
Responsive Designs
Creating websites with responsive designs that seamlessly adapt to various devices. Ensuring a consistent and optimal user experience, whether accessed on a desktop, tablet, or smartphone.
Latest Articles
Check out my latest blog posts about web development, programming, and technology.
A Fresh Look for CSS: The Story Behind Its New Logo
CSS, the design backbone of the web, has officially stepped into a new era with a bold and thoughtful new logo. Introduced on November 12, 2024, this purple design not only represents the evolution of CSS but also carries a deeply human story at its core.
Understanding env() Safe Area Insets in CSS: From Basics to React and Tailwind
Discover how to use CSS env() function and safe area insets to create responsive, device-rotation-friendly designs. Learn to manage content visibility across various devices, addressing issues with notches, rounded corners, and screen orientation changes in CSS, React, and Tailwind.
How to Hide Scrollbar Using CSS
Learn how to hide scrollbars using CSS to enhance your website’s design and user experience. This guide covers simple CSS properties like scrollbar-width: none and -webkit-scrollbar to make scrollbars invisible across different browsers, helping you maintain a clean and polished look for your web layouts.
Contact Me
Have a project in mind or want to collaborate? I'd love to hear from you.