DEV Community: Rohan Nilatkar

Day 4: Generating Animated GIFs with Go 🎨

Rohan Nilatkar — Wed, 18 Feb 2026 02:28:51 +0000

Today’s focus in my Go journey was moving beyond the console and into binary image generation. I’ve been following the "The Go Programming Language" (gopl.io) and reached Section 1.4.

What I built:
I created a program that generates animated Lissajous figures—parametric curves that look like 1960s sci-fi oscilloscope visuals. I even went a step further with Exercise 1.6, implementing a multi-color palette that cycles through frames.

Key Technical Takeaways:

Structs: Got my first look at Go's struct types by configuring the gif.GIF object.

Composite Literals: Learned the shorthand way to instantiate slices and structs.

Math in Go: Applied math.Sin and math.Pi for coordinate calculation.

It’s satisfying to see code turn into a physical .gif file! Onto Day 5: Fetching data from the web.

Check out my progress here: [https://github.com/preyliet/go-backend-foundation]

Building My Crypto Research Watchlist (Beginner Full-Stack Project)

Rohan Nilatkar — Mon, 24 Nov 2025 21:08:03 +0000

Hey everyone!
I’m learning full-stack development right now because I want to work in a crypto/tech company in the future. So I thought instead of only watching tutorials, I should try building a small real project.

This week I made a Crypto Research Watchlist.
It’s nothing crazy or advanced, but I’m proud of it because it actually works and I finally understood how frontend and backend talk to each other.

🔧 What I built

It’s a simple app where I can:

Add any crypto name to my watchlist

See all the coins I added

Delete a coin

Everything goes through a backend API (not just frontend state)

It’s still version 1 but it helped me understand how full-stack projects work.

🧰 Tech I used

Next.js 14 for the frontend

Spring Boot for the backend

REST APIs

In-memory list for now (later I’ll add database)

Git + GitHub (still learning how to use it properly 😅)

📚 What I learned

This project taught me:

How to make GET / POST / DELETE requests

How CORS errors can drive you crazy 😂

How to organize frontend + backend code

How to push code to GitHub (finally)

That even a simple project feels good when you build it yourself

(I will add the screenshot soon once I finish the UI completely.)

🚀 What’s next

I want to slowly upgrade this project by adding:

API to fetch real crypto prices

Notes section for each coin

Maybe AI research summaries

Better UI

A real database

Just taking it step by step.

If you read this, thank you! I’m still a beginner but trying to get better every day.
More small projects coming soon 🙌

My First Day Building Full-Stack: Spring Boot + Next.js

Rohan Nilatkar — Mon, 17 Nov 2025 17:11:29 +0000

✅ What I did today

Created my first Spring Boot (Java) project

Wrote a small API using @RestController and @GetMapping

Fixed a port issue on 8080 (took me a while 😅)

Ran the backend and saw my API respond in the browser

Installed and set up Next.js

Made a simple homepage with two links

Learned how frontend (Next.js) and backend (Spring Boot) can talk to each other

🧠 What I understood

Backend = where the logic happens

Frontend = what the user sees

API = the connection between the two

Errors are normal… and solving them teaches you the most

🎯 What’s next?

I want to practice making more pages in Next.js, connect them to APIs, and slowly get better at both sides of development.

I Built My First Portfolio Website with HTML, CSS & JavaScript 🎉

Rohan Nilatkar — Tue, 07 Oct 2025 17:20:51 +0000

Hey devs! I just completed my very first professional webpage project using only HTML, CSS, and JavaScript. It’s a simple personal portfolio site, but it taught me so much about structuring pages, styling, and adding interactivity. Sharing here as my milestone project before I dive into React 💻🔥.

What I Built (project overview)

A Portfolio Website with sections: Home, About, Projects, and Contact

Features:
✅ Dark Mode Toggle 🌙
✅ Form Validation (JS)
✅ Smooth Layout + Styling

Tech stack: HTML + CSS + JavaScript

Key Learnings (what you gained)

How to structure a clean webpage

Using CSS for responsive & modern UI

Writing basic JavaScript for interactivity

Deploying on GitHub Pages (or Netlify/Vercel)

🔗 Live Demo: [https://github.com/preyliet/Web-Page-]

💻 Source Code: [https://github.com/preyliet/Web-Page-]

This is just the beginning! Next, I’ll be diving into React to make more advanced projects. If you’ve also built your first portfolio or are just starting out, I’d love to connect and learn from each other 🙌. Feedback is super welcome!

💼 Developer Identity Card Built with HTML & CSS – Minimal & Personal

Rohan Nilatkar — Sun, 15 Jun 2025 18:22:39 +0000

Hey everyone! 👋

I just built a clean Developer Identity Card using only HTML & CSS — no frameworks, no JavaScript, just pure code and design.

It’s a minimalist, responsive card to introduce myself as a frontend dev — styled like a personal business card 💼

🎯 Live Demo

🔗 View the project here

🛠 Built With:

HTML5
CSS3 (Custom, responsive styling)

🤔 Why I Made This

I wanted something simple and professional to represent who I am online — not a full portfolio yet, but a start.

This project reflects:

My current skills
My online identity (@Preyliet)
My love for clean UI and focused dev work

👨‍💻 About Me

I’m Rohan Nilatkar, a self-taught frontend developer learning HTML, CSS, JavaScript, and Python.

Git and React are next on the list.

I post my projects and dev journey on:

📂 GitHub Repository

👉 Source code here

💬 Feedback?

Let me know what you think or how I can improve it. Open to collaboration, advice, or even a fork!

Thanks for reading! 🙏

Built a Professional SaaS Landing Page Using Only HTML & CSS – Meet Trackly

Rohan Nilatkar — Sat, 14 Jun 2025 16:23:17 +0000

Trackly – A Clean SaaS Landing Page Built with Only HTML & CSS

Hey devs 👋,

As part of my frontend journey, I wanted to challenge myself by building a real-world landing page using just HTML and CSS — no frameworks, no libraries.

This is where Trackly was born — a fictional productivity tool for developers and teams.

💡 What I Built

Trackly is a clean, responsive landing page that includes:

A modern hero section with clear CTA
Feature highlights section
Testimonial card layout
Footer with branding and links
Consistent spacing, clean typography, and accessible contrast

🔧 Tech Stack

HTML5 – Semantic structure
CSS3 – Responsive layout, Flexbox-based
GitHub – Version control
GitHub Pages – Free deployment

🌐 Live Demo & Code

🔗 Live Demo – Trackly on GitHub Pages

💻 Source Code – GitHub Repo

📈 Why I Built This

As an aspiring frontend developer, I believe in learning by building. This project helped me sharpen my fundamentals in layout, spacing, and visual structure.

I aimed to keep it clean, professional, and mobile-friendly, similar to what real SaaS companies use.

🙌 Feedback Welcome

If you’re a developer, designer, or just curious — I’d love your feedback.

⭐ A star on the repo or comments on improvement are always appreciated.

Let’s connect:

GitHub
X (Twitter)
Drop your thoughts below! 💬

🕯️ A Tribute to the AI‑171 Crash Victims Built with Just HTML & CSS

Rohan Nilatkar — Fri, 13 Jun 2025 05:39:29 +0000

🕯️ A Tribute to the AI‑171 Crash Victims — Built with Just HTML & CSS

On June 12, 2025, Air India Flight AI‑171 tragically crashed in Ahmedabad.

Out of 270 people on board, only one person survived.

Like many others, I was deeply affected by the news.

As a frontend development student, I decided to use my skills to pay tribute — in the simplest but most heartfelt way I could.

💻 The Tribute Website

⮕🔗 Live Demo: [Visit the tribute site (https://preyliet.github.io/ai171-tribute/)

⮕🧾 Source Code: GitHub Repository

⮕ ⚠️ This site contains no images of the crash only soft, respectful design and text.*

✨ What I Used

✅ HTML for structure
🎨 CSS for design and responsiveness
☁️ GitHub Pages to host it for free

No JavaScript. No frameworks.

Just clean code and emotion.

🧠 My Thought Process

I asked myself:

How can I design something respectful with no distractions?
How can HTML & CSS alone carry the weight of emotion?
What kind of layout calms the eyes, yet delivers a message?

I kept the colours subtle, the layout clean, and the typography soft.

There’s no noise — only tribute.

🖼️ Design Preview (Optional Image)

📣 I'd Love Your Feedback

This was a personal, emotional project but I'm also looking to grow as a developer.

🙏 I would love to hear your feedback:

What did you feel while visiting the site?

Any design tips you’d suggest?

Do you think devs should do more human-cantered projects like this?

🔁 Final Words

Sometimes, we code to solve problems.

Other times, we code to honour people, tell stories, and offer a moment of silence in a digital world.

Thank you for reading. If this touched you even a little, please leave a comment or share.

💬 Connect with me on X (Twitter) I'm always open to thoughts, suggestions, and conversations.

Revisiting HTML & CSS by Building a Tribute Page for Levi from Attack on Titan

Rohan Nilatkar — Wed, 11 Jun 2025 21:11:43 +0000

• 🔍 Project Overview
□ Created a tribute page for Levi Ackerman from Attack on Titan as a creative way to revisit my HTML & CSS skills.
□ Combined my passion for anime and web development to build a visually appealing and responsive website.
□ Designed with a dark theme and professional color palette inspired by Levi's personality and AOT's aesthetic.

🛠️ Technologies Used
□ HTML & CSS Only
□ Semantic HTML structure
□ CSS Flexbox layout
□ Custom fonts and box shadows
□ Dark mode inspired theme
□ Visual Studio Code
□ For writing and previewing the code locally.
□ Git & GitHub
□ Version control and project hosting

🖼️ Project Features
□ Tribute-style landing page
□ Image of Levi Ackerman with styling
□ Quote section + biography
□ List of his key achievements and why he's admired
□ Responsive layout and custom color palette

🌐 Live Demo & Code
🔗 GitHub Repo: github.com/preyliet/levi-tribute

🔗 X (Twitter): @iixpreyliet

💡 Key Takeaways
□ Rebuilding small projects helps reinforce core skills.
□ Anime themes can be powerful creative inspiration.
□ Hosting projects on GitHub builds public portfolios.
□ Sharing your work online leads to feedback and motivation.

📅 What's Next?
-Continue learning JavaScript to bring interactivity to such pages.

-Build more anime-inspired or creative mini-projects.

-Post regular updates on Hashnode, X, and DEV.to.

Fun Fact Generator with Python & PyWebIO (Dark/Light Mode)

Rohan Nilatkar — Tue, 10 Jun 2025 02:08:23 +0000

Fun Fact Generator with Python & PyWebIO ✨

Hey devs 👋,

I recently built a fun little project — a Fun Fact Generator using Python and PyWebIO.

It comes with:

🌗 Dark & Light Mode toggle
🔁 Random fact generation from an API
🎨 Styled with custom themes
🧠 Simple and clean interface

💻 Tech Used:

Python
PyWebIO
Requests (API calls)
JSON
WebIO Events

📷 Preview:

coming soon as a live demo...

📂 Code:

Check it out here 👇

🔗 GitHub Repo

🚀 Why I Built This

I’m learning full-stack development from scratch. While studying HTML/CSS/Python, I decided to bring my logic and UI together in a fun mini project.

This is just the beginning — more interactive web tools and projects coming soon!

🤝 Let’s Connect!

Follow my journey here:

Thanks for reading 🙌

Leave feedback or connect if you're working on similar beginner projects!

I Built a Python Hangman Game and Pushed My First Project to GitHub

Rohan Nilatkar — Mon, 09 Jun 2025 01:07:43 +0000

I Built a Python Hangman Game and Pushed My First Project to GitHub

Hey everyone, I recently started learning to code — and instead of just watching tutorials, I decided to build something.

This is my first real project as a beginner: a Hangman game written in Python. It’s also my first time using GitHub to store and share my work publicly.

🔧 What I Used

Python (basic syntax, loops, input/output)
Random module
collections.Counter for comparison
Basic terminal I/O
Git + GitHub

🎮 What I Built

A classic Hangman game that:

Chooses a random word from a list
Asks the user to guess one letter at a time
Shows blanks and correctly guessed letters
Tracks chances and ends the game if you win or lose

📁 GitHub Repo

🔗 Hangman Python Game

I added a clean README.md file and structured the repo properly, something I’m trying to get better at early on.

💡 Key Takeaways

Start small — one finished project is worth more than 10 tutorials.
GitHub is powerful — even beginners should use it from day one.
Keep learning in public — it builds consistency and community.

🛣️ What’s Next

I’m currently learning HTML + CSS, and I’ll be building static sites soon. After that, I plan to start JavaScript projects.

Every project I build will go up on GitHub and I’ll be posting weekly updates on X and Hashnode.

✅ Connect

If you’re also learning or building in public, I’d love to connect and exchange ideas:

📘 Hashnode: Rohan Nilatkar

🐦 Twitter/X: @iixpreyliet

💻 GitHub: preyliet

Thanks for reading — keep building!