floatingHead

<h1> Hello, </h1>

<h1> I'm Nikhil Kumar Swain </h1>

A Front-End developer, Learning to be a Full-Stack dev.

Don't break my site please!

Skills

cupOfCoffee
skill-html

HTML

skill-css

CSS

skill-javascript

JavaScript

skill-php

PHP

skill-nodejs

Node.js

skill-express

Express.js

skill-mongodb

MongoDB

skill-mysql

MySQL

skill-tailwindcss

Tailwind CSS

skill-git_and_github

Git

skill-figma

Figma

Some of the projects I have made during my learning Journey.

Front-End

Back-End

project-singGirls

SingGirls

This was made during the time I was learning jQuery. It's just a simple fanpage of two singers (Chrissy and Shirley)

project-keepFocused

KeepFocused

This is actually a chrome extension. Set your name and focus and afterwards whenever you open a new tab in chrome you can see your focus and remain focused to that task.

project-lyricsFinder

LyricsFinder

This was made during the time I was learning about fetch api in js. Enter Singer and their Song name and get the lyrics. Used Lyrics API.

project-10days10design

10days10designs

10Days10Designs is a challenge I created for myself to remain consistent and do some design practice. I used Tailwindcss a utility-first CSS framework for styling.

project-10days10design

css-shorthands

A list of css shorthands made with html, css and using prism.js for syntax highlighting.

Along WIth Codes I Write Articles Too.

Some of my most read articles on

Working with Numbers in JS

Working with Numbers in JavaScript

Numbers and mathematics come into most scripts at some point, be it in the form of the simple arithmetic required to add up prices and work out sales tax, the process of generating and using random numbers, or the more complex mathematics involved animation.

views 7K+
claps 200+
nikhilswain Nikhil Swain
min read 8 min
Working with strings in JS

Arrays in JavaScript

In JavaScript, array is a single variable that is used to store different elements. It is often used when we want to store list of elements and access them by a single variable. It’s a more convenient way to store and structure information than is defining of lots of variables with slightly different names, like this...

views 5K+
claps 300+
nikhilswain Nikhil Swain
min read 8 min
Working with strings in JS

How to Use CSS Flexbox

The Flexible Box Module, or Flexbox, is a one-dimensional layout model that helps us deal with space distribution in a very efficient way. Since it is one dimensional, it deals with layout one dimension at a time, i.e either a row or a column. In this article you will see all the useful properties of Flexbox

views 1K+
claps 100+
nikhilswain Nikhil Swain
min read 8 min

Let's Connect