DEV Community: Kaushik Patil

Building a Modern School Website with Next.js & Sanity — DEV Weekend Challenge Submission

Kaushik Patil — Mon, 02 Mar 2026 06:47:21 +0000

This is a submission for the DEV Weekend Challenge: Community

The Community

This project is built for modern school communities — students, parents, and educators — who need a simple, friendly, and accessible digital presence.

Many small or upcoming schools don’t yet have a full digital ecosystem, so the goal was to create a ready-to-deploy school website template that showcases academic culture, builds trust with parents, and communicates essential information clearly.

It’s designed as a foundation starter that any school can quickly customize and launch.

What I Built

I built a modern school website that focuses on clarity, warmth, and community storytelling.

The platform includes:

1)A visually engaging landing page introducing the school’s vision

2)Structured sections for academics, activities, and student life

3)Contact page with map integration and clear communication channels

4)Clean navigation and responsive layout for all devices

5)Admissions MVP page to simulate real enrollment flow

6)Dynamic content fetched from a CMS (Sanity)

The project emphasizes UI/UX simplicity, performance, and a structure that can later scale into a full school management or CMS-driven platform.

Demo

🔗 Live Project: https://school-woad-nu.vercel.app/

Code

GitHub Repository:
https://github.com/revansh1710/school/tree/main/school

How I Built It

Frontend

Next.js for routing, SSR, and performance

Tailwind CSS for rapid and consistent UI styling

Content Layer (CMS)

Sanity powers all dynamic content

Structured schemas allow easy updates for:

Pages

Sections

Text content

Media assets

Real-time content updates without redeploying the app

Admissions MVP

The admissions page is designed as a minimum viable workflow that demonstrates how schools can begin digitizing their enrollment process.

It includes:

A structured form UI for student details

Clear call-to-action for parents

UX focused on simplicity and trust

Architecture ready to connect with a backend or database

This MVP validates the flow before implementing a full admissions management system.

Deployment

Deployed on Vercel with seamless CI/CD

Quantum Mechanics, Infinity, and the Thrilling Rewards of Lifelong Learning in Software Development

Kaushik Patil — Sun, 11 Jan 2026 10:28:25 +0000

In the ever-evolving world of software development, every new challenge feels like stepping into the unknown—a concept that resonates deeply with quantum mechanics. Just as physicists grapple with uncertainty to uncover universal truths, developers tackle complex problems to create something meaningful. Both fields demand an open mind, relentless curiosity, and a willingness to embrace uncertainty.

What makes this journey rewarding isn’t just the knowledge gained but the excitement of discovery and the joy of overcoming obstacles.

The Paradox of Learning: Struggle and Reward
Let’s face it: learning something new is rarely easy. Whether it’s picking up a new framework, debugging a stubborn piece of code, or understanding complex architecture, the process can be frustrating. You might spend hours on a single issue, only to realize the problem was a missing semicolon or a misconfigured dependency.

But here’s the magic: every struggle has a reward.

The aha moment when the solution clicks.

The satisfaction of seeing your code run flawlessly.

The confidence boost that comes from conquering what once seemed impossible.

Each challenge tackled adds a new layer to your skill set, much like peeling back the layers of the quantum world reveals profound truths about the universe.

Quantum Mechanics and the Infinite Potential of Learning
In quantum mechanics, the concept of infinity is ever-present. Whether it's the boundless states of a particle in superposition or the infinite dimensions of Hilbert space, possibilities are endless. Similarly, in software development, the more you learn, the more you realize there’s an infinite amount still to discover.

This can feel daunting, but it’s also exhilarating. Imagine the impact of knowing your learning journey has no limits. Every new tool, language, or concept you master opens doors to more innovation, creativity, and problem-solving.

Embracing Challenges: The Key to Growth
The most significant breakthroughs in software development come when we step out of our comfort zones. Here’s what I’ve learned through my journey:

Every challenge is an opportunity.

Struggling with a new concept? It’s an opportunity to grow. Working through a tough debugging session? That’s where the learning happens.

The process is just as rewarding as the result.

The rewards aren’t just tangible, like a successful project or a new job opportunity. They’re also intangible—the resilience, confidence, and problem-solving mindset you build along the way.

Uncertainty drives innovation.

Just as quantum mechanics thrives on uncertainty, so does software development. Uncertainty forces us to ask questions, explore alternatives, and create something new.

A Personal Story
I remember struggling with a particularly complex API integration during my recent full stack project. The documentation was sparse, the errors cryptic, and the deadline looming. I spent days researching, experimenting, and failing. But when I finally cracked it, the feeling was indescribable.

Not only did I gain a deep understanding of the API, but I also walked away with a newfound respect for perseverance and a sharper problem-solving mindset. That experience taught me that the most challenging moments often lead to the most rewarding outcomes.

The Never-Ending Journey
Software development, much like quantum mechanics, is an infinite journey. There will always be something new to learn, a problem to solve, or a challenge to overcome. And that’s what makes it so exciting. The rewards of this journey aren’t just in the knowledge gained but in the thrill of discovery, the joy of creation, and the endless possibilities that lie ahead.

So, to my fellow developers and lifelong learners: embrace the challenges. Dive into the unknown. The rewards—both tangible and intangible—are worth every bit of effort.

Final Thought
In the infinite landscape of software development, every bug fixed, every framework mastered, and every sleepless night debugging are steps toward something extraordinary: the joy of discovery and the promise of infinite growth.

AI: A Child in the Digital Age – Shaping Its Future with Data and Ethics.

Kaushik Patil — Sat, 10 Jan 2026 13:10:32 +0000

AI as a Child in Development, Learning from Data (Environment):

Just like a child’s early experiences shape their understanding of the world, AI is shaped by the data it's trained on. If the data is rich, diverse, and of high quality, the AI can learn valuable insights and make meaningful predictions.

On the other hand, if a child is exposed to negative influences, they might develop harmful behaviours. Similarly, if AI is trained on biased, incomplete, or harmful data, it can develop into a system that makes biased or unethical decisions.

Guidance and Supervision (Human Oversight):

Children need parents, teachers, and mentors to provide them with guidance, correct their mistakes, and show them what’s right and wrong. Likewise, AI needs ethical oversight, continuous monitoring, and correction from human developers and users.

Without proper guidance (i.e., good algorithm design, ethical considerations, diverse data), AI can easily go off course, just like a child might make poor decisions without supervision.

Potential for Growth:

With the right nurturing, education, and support, a child can grow into a well-rounded adult with skills, empathy, and moral integrity. AI, too, has the potential to improve over time, becoming more accurate, more useful, and even more empathetic (in a figurative sense) in fields like healthcare, customer service, or personalized learning.

However, just like children need time to mature, AI requires continuous learning and improvement. The development process involves trial and error, similar to how children learn through experience and feedback.

Negative Outcomes (A Bad Influence):

If AI is exposed to bad data—analogous to a child being exposed to a harmful environment—it can become a “bad example” in society. This happens when AI systems reinforce harmful stereotypes, make unfair decisions (such as biased hiring), or even cause harm by making erroneous conclusions in critical fields like medicine or law.

For example, if AI is trained using biased data in criminal justice systems, it might wrongly recommend harsher sentences for minority groups, perpetuating systemic inequality—just as a child might grow up adopting the negative behaviours of their surroundings.

Influence on Society:

Just as a grown person can have a positive or negative impact on society depending on their upbringing, education, and values, AI can either enhance or disrupt the world around us. If designed responsibly, AI can solve complex problems in areas like climate change, healthcare, and transportation.

But if AI isn’t properly guided, it could harm society by invading privacy, reinforcing discrimination, or spreading misinformation. Like a child growing up with bad influences, AI could become a “bad actor” in society, leading to unintended or dangerous consequences.

Data Quality is Critical:

Just as a child’s future depends on the knowledge and environment they are exposed to, AI's future depends on the quality and diversity of the data it is trained on. Good data leads to better AI systems; bad data can lead to poor and potentially harmful outcomes.

Ethical Development Matters:

Like a child learning right from wrong, AI needs ethical frameworks and governance to ensure it grows in a way that benefits society. Developers need to be mindful of biases, fairness, and transparency.

Continuous Learning and Adaptation:

Just as people never stop learning, AI models need to be continually updated, retrained, and monitored to stay relevant and ethical. This requires human supervision to ensure AI systems evolve positively over time.

Responsibility Lies with Us:

Parents are responsible for raising children, and similarly, AI developers and regulators are responsible for ensuring AI evolves into a positive force in the world. We must teach AI the right things, monitor its behaviour, and correct it when it goes astray.

Conclusion

With the right development, AI can indeed become a “great individual” that contributes positively to society, solving real-world problems and improving human life. But if we fail to develop AI responsibly, it could become a “bad example,” leading to bias, harm, and inequality just like a child raised in a toxic environment.

In the end, the onus is on us—the “guardians” of AI—to shape its growth, just as a child’s future is shaped by their caregivers. By ensuring AI is trained on diverse, unbiased data and governed by strong ethical principles, we can help AI become a powerful force for good in the world.

Cosmoscope – Exploring the Universe from Your Browser

Kaushik Patil — Mon, 29 Sep 2025 06:50:24 +0000

This is a submission for the KendoReact Free Components Challenge.

What I Built

Cosmoscope is an interactive space-themed web application that brings astronomy concepts to life.
I built it as a full-stack project with a focus on education, interactivity, and clean UI/UX.

Demo

Frontend URL:https://classy-buttercream-310228.netlify.app/
Github:https://github.com/revansh1710/k-2001

Cosmoscope is designed as a single-page dashboard with a space-inspired aesthetic.
It integrates data visualization, orbit simulation, astronomy APIs, and Strapi-powered content.

The project has two major parts:

Frontend: React + Vite + KendoReact UI + TailwindCSS

Backend: Strapi (deployed to Strapi Cloud) with PostgreSQL

Deployed on:

Frontend: Netlify

Backend: Strapi Cloud

KendoReact Components Used

TabStrip – main navigation between tabs (Orbits, Planets, NASA Photo, Quiz, ISRO, etc.)

TabStripTab – individual tab content holders inside TabStrip

AppBar – for the top header/navigation bar with branding and logout button

Card – used extensively for dashboard panels (controls panel, quick actions, selected planet info, etc.)

TileLayout – used for rearrangeable tiles in the sidebar (Mission panel, info, etc.)

ExpansionPanel – collapsible panel for extra information sections in sidebar

📊 Data Display

Grid – tabular display for Planets and (previously) Missions

GridColumn – defines each column in the Grid (planet name, radius, orbit, etc.)

GridNoRecords – displays a message when there’s no data or filtered list is empty

🖱 Inputs & Editors

DatePicker – to pick epoch date for orbit simulation

DropDownList – quick selection of planets in the sidebar

AutoComplete – search box for filtering planets

Slider – controls the orbit animation (playback slider)

ProgressBar – shows orbit simulation progress in percentage

MaskedTextBox – for coordinate input field

Button – Kendo-styled buttons used in dialogs and actions

✨ Key Features
🔑 User Authentication

Custom authentication system (not using Strapi’s default plugin).

Tokens stored securely in localStorage for API calls.

🪐 Dashboard with TabStrip Navigation

The dashboard is the heart of Cosmoscope. It uses a KendoReact TabStrip to organize content:

Orbits Tab

Orbit Visualization:
A custom SVG-based orbit map that animates planets around the sun.

Planet Data Grid:
A powerful KendoReact Grid showing:

name

radius_km

orbit_radius_km

gravity_m_s2

density_kg_m3

Bar Chart:
Uses recharts to visualize planet radii.

Interactive Controls:
Epoch date picker, slider to control orbit playback, quick planet search, and progress indicator.

Details Tab

Card-based gallery of all planets with descriptions.

NASA Photo Tab

Integrates NASA’s Astronomy Picture of the Day (APOD) API.

Fetches and displays the daily featured space image with explanation.

🖥️ Responsive & Polished UI/UX

A dark, nebula-inspired theme with starry backgrounds.

Clean panels, cards, sliders, and charts that feel “cosmic” yet remain functional.

Side controls panel with:

Orbit playback slider

Planet quick-select

Notification button

Progress indicator

Integrated logout button in the sticky top AppBar.

🔭 Tech Stack
Layer Technology
Frontend React (Vite), KendoReact, TailwindCSS, recharts
Backend Strapi (Cloud deployment), PostgreSQL
APIs NASA APOD
Auth Custom JWT-based auth stored in localStorage
Deployment Frontend: Netlify · Backend: Strapi Cloud
⚙️ Development Journey

✅ Set up custom register/login endpoints in Strapi.

✅ Implemented secure JWT auth and protected dashboard routes.

✅ Built animated orbit visualization with SVG and slider-controlled playback.

✅ Integrated KendoReact Grid for tabular planet data with sorting, paging, and search.

✅ Connected to NASA APOD for dynamic space imagery.

✅ Deployed Strapi to Strapi Cloud and frontend to Netlify.

DEV Community: Kaushik Patil

Building a Modern School Website with Next.js & Sanity — DEV Weekend Challenge Submission

The Community

What I Built

Demo

Code

How I Built It

Quantum Mechanics, Infinity, and the Thrilling Rewards of Lifelong Learning in Software Development

AI: A Child in the Digital Age – Shaping Its Future with Data and Ethics.

Cosmoscope – Exploring the Universe from Your Browser

What I Built

Demo

KendoReact Components Used

[Optional: Code Smarter, Not Harder prize category] AI Coding Assistant Usage

[Optional: RAGs to Riches prize category] Nuclia Integration