Sujal Vanjare
India | Mumbai
Front End Developer
Expertise in Next.js & Tailwind CSS
Technologies I use the most
Front End
Html &
CSS
JavaScript
JavaScript With Syntax For Types.
TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.
typescriptlang
React
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
reactjs
Next.js by Vercel - The React Framework
Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Tailwind CSS
Motion - A modern animation library for JavaScript and React
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
https://motion.dev/Hosting & Design
GitHub · Build and ship software on a single, collaborative platform
Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
GitHub
Vercel: Build and deploy the best web experiences with the Frontend Cloud
Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.
Vercel
Cloud Application Platform | Render
On Render, you can build, deploy, and scale your apps with unparalleled ease – from your first user to your billionth.
https://render.com/
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
FigmaBack End
Supabase | The Open Source Firebase Alternative
Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.
Supabase
Strapi - Open source Node.js Headless CMS 🚀
Strapi is the next-gen headless CMS, open-source, javascript, enabling content-rich experiences to be created, managed and exposed to any digital device.
strapijs
Start building with the Notion API
Connect Notion pages and databases to the tools you use every day, creating powerful workflows.
Free Weather API - WeatherAPI.com
WeatherAPI.com free weather API and weather data and Geolocation API (JSON and XML) for hourly, daily and 15 min interval weather, historical data, bulk request, astronomy, sports and much more.
https://www.weatherapi.com/My Latest Blogs
How to Add Perfect Dark & Light Mode in Next.js
How to Add Perfect Dark & Light Mode in Next.js
Implement flicker-free dark and light mode toggle in your Next.js website using the next-themes package.
/blog/perfect-dark-mode
How to Highlight Code Syntax with PrismJS Statically in Next.js with Dark and Light Themes
How to Highlight Code Syntax with PrismJS Statically in Next.js with Dark and Light Themes
Learn how to add static code block syntax highlighting using PrismJS in Next.js, with support for both dark and light themes.
/blog/code-syntax-highlighting
How i improved my typing from 24 wpm to 140 wpm
How i improved my typing from 24 wpm to 140 wpm
Learn how I improved my typing speed from 24 WPM to 140 WPM with simple tips, practice tools, and a focus on accuracy. Start your typing journey today!
/blog/24-wpm-to-140-wpm-improve-touch-typing
Projects
Build websites using Notion as a CMS & Backend Database.
Track body weight, log workouts, and achieve your fitness goals efficiently. With personal account.
Real-time weather forecasting for every location. Current weather, hourly weather throughout the day.
Discover thousands of anime, features infinite scroll and Server-side data fetching in Client mode
Buy your favorite Nike shoes and has features like add-to-cart and Stripe payment.
Normal calculator. Perform addition, subtraction, division, percentage, clear, and clear all operations.