Learn.
Stay curious. Ask the extra question. Understand what happens behind the screen.
Sunil Kumar
BEYONDTHE SCREEN.
Developer. Educator. Creator.
I build experiences. I make learning practical.
Explore my storyDeveloper by craft. Educator at heart.
02 / The person
A little code.
A lot of purpose.
I’m Sunil. I build for the web and teach for the real world.
My work sits where technology meets people. Sometimes that means turning an idea into a website. Sometimes it means helping a student understand the idea behind the code.
Through XectiQ and SparkHub360, I bring building, teaching, and sharing into the same conversation. The aim is simple: make useful things, and make the process easier to understand.
Sunil Kumar
- Jamshedpur, India
- Practical learning
- XectiQ · SparkHub360
03 / Beyond the roles
Always curious.
Always creating.
The best part of learning something is finding a way to make it useful — and then passing it on.
Build.
Turn an idea into something you can use. Make room to experiment and improve.
Share.
Explain it clearly. Show the steps. Help someone take the next step of their own.
If I can make a complex idea feel simple, I’ve done something worthwhile.
04 / The craft
See what I can do.
Different skills. One connected way of thinking.
From logic to experience
Build it to work.
Thoughtful websites with clear structure, responsive layouts, and the details that make them feel right.
01<main class="experience">02 <h1>Build. Learn. Create.</h1>03 <p>Make the idea useful.</p>04 <button>Explore the story</button>05</main>06 07const purpose = 'people';08const experience = build(purpose);- HTML
- CSS
- JavaScript
- PHP
- MySQL
- Python
SK.Idea / 01
Build.
Learn.
Create.
Clear structurePurposeful designResponsive by nature
From feeling to form
Make it feel right.
Typography, spacing, and visual hierarchy working together to give every idea a clear direction.
0101 Start with the message0202 Find the visual rhythm0303 Give the content space0404 Make the next step clear05 06ink #09090907paper #EEE9E208signal #E52C36- Layout
- Typography
- Colour
- UI design
SK.Idea / 02
Less noise.
More
meaning.
TypeSpaceContrast
From a question to understanding
Make learning practical.
Break big ideas into manageable steps, connect them to examples, and let learners put them into practice.
01QUESTION → EXAMPLE → PRACTICE02 03What are we trying to do?04How does the idea work?05Where can we use it?06 07Try it. Make a mistake.08Understand it. Try again.- Computer education
- Examples
- Practice
- Feedback
SK.Idea / 03
Understand.
Try.
Grow.
Explain clearlyLearn by doingBuild confidence
From knowledge to a story
Create with a purpose.
Tutorials and digital content that take a useful idea and give people a reason to stay with it.
01HOOK Ask a useful question02CONTEXT Show why it matters03STEPS Make the process clear04RESULT Put it into practice05 06Teach one thing well.07Leave people with a next step.- SparkHub360
- Tutorials
- Storytelling
- Video
SK.Idea / 04
An idea.
A story.
A spark.
PlanCreateShare
From a page to discovery
Help good work get found.
Clear page structure, useful content, and thoughtful on-page fundamentals make a stronger starting point for search.
01<title>Make the purpose clear</title>02<meta name="description"03 content="A useful, honest summary">04 05One clear heading.06Meaningful links.07Content that answers a question.- Page structure
- Search intent
- Metadata
- Content
SK.Idea / 05
Be clear.
Be useful.
Be found.
StructureRelevanceClarity
From an idea to its audience
Connect the right dots.
Bring content, design, and a clear message together so people understand the value and know what to do next.
01PEOPLE Who is this for?02PURPOSE What do they need?03MESSAGE Why does it matter?04CHANNEL Where do we meet?05 06Create a clear next step.07Listen. Learn. Refine.- Messaging
- Content planning
- Social media
- Audience
SK.Idea / 06
People.
Purpose.
Connection.
MessageStoryNext step
05 / The toolkit
Behind the ideas.
The tools.
The right tool gives an idea somewhere to go.
Give the idea a foundation.
Semantic HTML keeps content meaningful. CSS brings layout, hierarchy, and the visual rhythm.
- HTML
- CSS
Make the experience respond.
JavaScript connects the details — navigation, useful interactions, and motion that follows the visitor.
- JavaScript
- Responsive interfaces
Connect what happens behind it.
PHP and MySQL connect pages with the information and logic they need.
- PHP
- MySQL
Find a simpler way through.
Python makes room for practical programming, clear logic, and learning through small experiments.
- Python
- Problem solving
Turn knowledge into confidence.
Computer fundamentals, real examples, and hands-on practice make technology approachable.
- Computer education
- Practical exercises
- Tutorials
Help the idea reach people.
Search, content, and digital communication connect useful work with the people it was made for.
- SEO
- Content
- Digital marketing
- HTML
- CSS
- JavaScript
- Responsive interfaces
- PHP
- MySQL
- Python
- Problem solving
- Computer education
- Practical exercises
- Tutorials
- SEO
- Content
- Digital marketing
06 / The creative studio
A thought.
Then a feeling.
Code gives an idea structure. Design gives it a voice. Content gives it a story.
The idea
What should someone feel or understand?
The expression
Find the words, the type, and the rhythm.
The experience
Bring it together with clarity and intention.
Start with something worth saying.
SPARKHUB360CREATIVE NOTES / 01
MAKEITMEANSOMETHING.
WORDS. TYPE.
FEELING. INTENT.
FEELING. INTENT.
07 / How I work
Good work starts
with a good question.
A clear process leaves more room for creativity.
- 01
Understand
Ask questions. Listen closely. Find the purpose before deciding what to make.
- 02
Design
Give the idea a direction. Shape the structure, the message, and the experience.
- 03
Build
Turn the direction into something real, one thoughtful detail at a time.
- 04
Refine
Use it. Question it. Improve the parts that get in the way.
- 05
Deliver
Bring the pieces together so the result is useful, clear, and ready to move forward.
08 / My journey
Same curiosity.
A bigger story.
Building, teaching, and creating keep finding their way back to each other.
A curiosity for computers.
Learning how things work becomes more interesting when you can build something with what you learn.
XectiQ begins.
A place for computer education and practical learning, with understanding at the centre.
Taking the learning further.
Sharing tutorials and digital content beyond the classroom — one useful idea at a time.
Still building. Still learning.
Bringing development, design, and education together, with the next idea always taking shape.
09 / Let’s connect
THE NEXT CHAPTER
STARTS WITH A
CONVERSATION.
Have an idea, a question, or something worth building?