DEV Community: Sunil kumar

Glam Up My Markup : MULTI-STEP FORM

Sunil kumar — Tue, 26 Mar 2024 05:51:56 +0000

This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities

What I Built

I have completely changed it into a Multi Step Form page.

Demo

Journey

I have made the given code into the multi-step process, which will take less space and user also have to interact with it, I have learned on how to attach the created that are created in JS in different aspects, after experimenting I have kept this currently

That's it thank you!

OpenWeather API - 256 Characters

Sunil kumar — Mon, 25 Mar 2024 12:42:53 +0000

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

open weather API is a weather forecast based API that is best and easy to implement, it gives the info about weather all over the world easily and quickly, with this we can create our own weather update application

Additional Context

https://codepen.io/safikumar00/pen/GReJQZz

This is my first project with API and I have choosen the weather application and integrated it with Open Weather Api as my choice, please check that out.

Japanese Ramen - PURE CSS ART

Sunil kumar — Sat, 23 Mar 2024 09:34:25 +0000

This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.

Inspiration

My inspiration is the CSS art which make that to code a pure CSS, which I want do it, but I selected on my own to create this Ramen Art

Demo

https://codepen.io/safikumar00/pen/YzMVeOG

Journey

I Started of by creating the outer bowl and adjusting the inner ingredients, I take the reference shapes of egg and other pattern on sea-weed from the CSS Points, MDN sources, which helped me to gain knowledge on the border-radius to create our specific own shapes through CSS.

This is how I created my own pure CSS art,

Thank you!

Weather Forecast

Sunil kumar — Fri, 29 Dec 2023 12:06:53 +0000

Check out this Pen I made!

Introducing our Weather Forecast application designed with precision and functionality. Powered by OpenWeatherMap API, this weather app seamlessly retrieves real-time temperature data for a user-specified city. The temperature is intelligently converted into Celsius for a clear and standardized presentation. Additionally, the application provides insightful details on the current weather conditions, allowing users to stay informed about their local weather effortlessly. The dynamic interface is adorned with a carefully crafted date display, leveraging JavaScript to ensure accurate and up-to-date information. Experience the convenience of Weather Forecast as it delivers a seamless blend of design, data accuracy, and user-friendly functionality, bringing the latest weather insights to your fingertips.

Typing test model

Sunil kumar — Wed, 21 Jun 2023 13:43:00 +0000

Basic Typing Test Model

This is a Simple Typing Accuracy tester that calculates your typing speed for 15 seconds or else you can also set your timer. It calculates your accuracy and typing speed in seconds, it is still a basic model of the typing test model, I think you guys like this, please have a look and share your thoughts.

Testimonial Comment Box

Sunil kumar — Tue, 23 May 2023 17:30:22 +0000

Converter

Sunil kumar — Sun, 14 May 2023 15:18:01 +0000

I have made this project by me please review it if you can I need feedback.

The purpose of this project is to create a user-friendly web page that can quickly and accurately convert binary, octal and hexadecimal number to decimal equivalents. One of the fundamental aspects of web development is the ability to convert numbers between different number systems.

Synthetic Textures & Filters

Sunil kumar — Wed, 12 Apr 2023 05:44:22 +0000

It is a first filtration app, you can filter your images by giving validHttps links only in the input section and waiting for some time, it takes a lot of time to load.

Go and check it once, I want the feedback.