Nitin Soni

Designer + Developer || Design Systems + Accessibility || I talk about Frontend Development - React. JS. and Open source

[Nitin Soni @imnsony]

Excited to share my latest SaaS design—a Trip Details page with an interactive map prototype in Figma! 🌍✨ It features a smooth multi-location view for seamless navigation. #UIDesign #SaaS #Figma #ProductDesign #UX

[Nitin Soni @imnsony]

Counter App Increment & Decrement UI
#designeturnsdeveloper #designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers #thisfunction

[Nitin Soni @imnsony]

Calling Function using react.

#upgradingskills #designer #turnsdeveloper #react #LearningJourney #frontend

[Nitin Soni @imnsony]

Daily UI Challenge. Dice random numbers using JavaScript.
#designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers #thisfunction

[Nitin Soni @imnsony]

Love calculator using prompt Math.random(). #designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers #thisfunction

[Nitin Soni @imnsony]

@atulkumarxx send

[Nitin Soni @imnsony]

When you really need the 'this' function applied to the button.
#designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers #thisfunction

[Nitin Soni @imnsony]

Here is another tip for calculating the Bill function using ES6.
#designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers

[Nitin Soni @imnsony]

First code mapping names using Javascript ES6.
#designer+#developer #code #javascript #es6 #learning #FrontEndDeveloper #dailycodechallenge #FrontEnd #HTML #CSS #DEVCommunity #designer #vscode #startups #developers

[Nitin Soni @imnsony]

@ImamovicMeris Agree it is cool for testing

[Nitin Soni @imnsony]

On-Off button CSS design using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup #csseffect #radiobutton #startups #developers

[Nitin Soni @imnsony]

Animated search bar using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup #csseffect #radiobutton #startups #developers #searchbar #animation

[Nitin Soni @imnsony]

Header navigation using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup #csseffect #radiobutton #startups #developers #Website #navigation #navbar

[Nitin Soni @imnsony]

Custom radio button using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup #csseffect #radiobutton #startups #developers

[Nitin Soni @imnsony]

In SaaS domain, customers have to read and process a lot of information. We switched Roboto to 'Inter', which is designed for easy readability of lowercase, and sentence cases on screens.
#fleetx #productdesign #ux #fleetmanagement #startups @fleetx_io

https://t.co/7uz61mousR

[Nitin Soni @imnsony]

Image hover effect using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup #csseffect #imagehover

[Nitin Soni @imnsony]

Button hover animation Style using HTML and CSS. #designer+developer #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode #startup

[Nitin Soni @imnsony]

Daily Challenge

Responsive profile card using CSS. And link the library of material icons by Google.
#dailychallenge #FrontEnd #development #webdevelopment #HTML #CSS #designers
#responsive #Google

[Nitin Soni @imnsony]

Dot_Pulse loader animation. #dailycodechallenge #FrontEnd #HTML #CSS #loading #DEVCommunity #designer #code #vscode

[Nitin Soni @imnsony]

Start fresh this week. Build a website try something build a product. Design and develop a website for Meeting dogs at nearby places.
#learnings #HTML #CSS2023 #bootstrap #firstwebsite #gradient #dogfamily #FrontEnd #development #designer