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.
Why Companies Are Moving Away from Next.js
Explore why some companies are shifting from Next.js to alternatives like Vite and Remix due to performance and stability issues.
How to Create an MCP Model Context Protocol Server Using TypeScript: A Step-by-Step Guide with Weather API Example
Learn how to build an MCP Model Context Protocol server with TypeScript, using a weather API example. Step-by-step guide with code.
Introduction to Scroll-Driven Animations with CSS scroll() and view()
In the ever-evolving world of web design, creating engaging and interactive user experiences has become paramount. One of the most exciting recent developments in this arena is the introduction of scroll-driven animations in CSS. At the forefront of this innovation is the scroll() function, a powerful tool that allows developers to create smooth, performant animations tied directly to the user's scrolling behavior. In this article, we'll explore the ins and outs of scroll(), its capabilities, and how you can leverage it to create stunning scroll-driven animations in your web projects.
Contact Me
Have a project in mind or want to collaborate? I'd love to hear from you.