Does Siksha Sarovar have an AI chatbot to answer student doubts?

Yes. Siksha Sarovar has a built-in AI Assistant chatbot accessible from a floating button on every page. It understands English, Hindi and Hinglish, handles typos (for example 'pyhtion' or 'certifecate'), and indexes 165+ destinations including every course, lesson, BCA subject, school chapter, competitive exam topic, FAQ and tool. Most queries return direct link cards in under 5 milliseconds. An AI fallback is available for novel questions.

Can I ask the SikshaSarovar chatbot questions in Hindi or Hinglish?

Absolutely. The chatbot is built specifically for Indian students — natural Hinglish queries like 'kaise milega certificate', 'free hai kya', 'pyhtion ke datatype kaha hai', 'kaha se shuru karu' are first-class citizens. The matcher strips Hindi filler words and routes you to the right course, lesson or page.

Is the SikshaSarovar AI chatbot free to use?

Yes. The chatbot is 100% free, requires no signup, and is available on every page. It runs locally in your browser for the vast majority of queries — there is no API cost or usage limit. The optional 'Ask AI' fallback for advanced coding questions uses the Pro AI Tutor.

Is Siksha Sarovar really free?

Yes. Every course, lesson, quiz, online compiler, and notes download is free to use without an account. We offer an optional Pro pass that unlocks longer AI tutor sessions, larger compiler quotas and priority support, but it is not required to learn from the platform. The educational content itself stays free.

Do I need to sign in to use the courses?

No. You can browse any course, read all lessons, run code in the compiler and take quizzes without signing in. Google Sign-In is purely optional and is used only to save your progress, quiz scores and certificate eligibility across devices. We never request access to Gmail, Drive, Calendar, Contacts, or any sensitive Google data.

Are the certificates from Siksha Sarovar recognised?

Our certificates are a record of completion that you can share on LinkedIn or attach to applications, but Siksha Sarovar is an independent platform — not a UGC-recognised university or board. We are upfront about that. The certificate is most useful as a verifiable signal that you have completed the curriculum, not as a substitute for a degree.

Which courses are best for BCA and MCA students?

Our University Curriculum section covers the YMCA BCA/MCA syllabus subject-by-subject — Data Structures, DBMS, Web Based Programming, Computer Networks, Operating Systems, Software Engineering, Data Warehousing and more. Each subject is broken down into the same units your university teaches, with previous year question papers where available.

Can I use Siksha Sarovar to prepare for SSC, UPSC, Banking or Railway exams?

Yes. The Competitive section has dedicated tracks for SSC (CGL, CHSL, MTS), UPSC, IBPS/SBI Banking, RRB Railways and defence exams (NDA, CDS, AFCAT). Topics include quantitative aptitude, reasoning, English grammar, general knowledge and current affairs, written specifically for the Indian exam pattern.

What languages does the online compiler support?

The Siksha Sarovar online compiler supports C, C++, Python, Java, PHP, JavaScript, C# and SQL. The compiler runs your code in a sandboxed environment using Judge0, returns the standard output and error stream, and supports stdin so you can test interactive programs. There is no installation — everything runs in your browser.

How is my personal data handled by Siksha Sarovar?

We follow data minimisation: we collect only what is needed (email, name, profile picture from Google sign-in, and your learning progress). Data is stored on Supabase with HTTPS in transit. We do not sell user data, and we do not use it to train AI models. You can request deletion at any time by emailing contact@sikshasarovar.com — see our Privacy Policy for the full details.

Who founded Siksha Sarovar?

Siksha Sarovar was founded by Rohit Kumar, who serves as CEO and Head Developer. Rohit built the platform to provide free, structured education to students across India — covering programming courses, university notes, school study material and competitive exam preparation.

Responsive Web Design Concepts — Web Technologies Notes

Responsive Web Design Concepts

What is Responsive Web Design?

Responsive Web Design (RWD) is an approach where web pages render well on a variety of devices and screen sizes by using flexible grids, layouts, images, and CSS media queries.

The Viewport Meta Tag

Always include this in <head>:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Without it, mobile browsers zoom out to show the full desktop page.

CSS Media Queries

/* Base styles: mobile first */
body { font-size: 14px; }

/* Tablet */
@media (min-width: 768px) {
    body { font-size: 16px; }
    .container { max-width: 720px; }
}

/* Desktop */
@media (min-width: 1024px) {
    body { font-size: 18px; }
    .container { max-width: 960px; }
}

/* Large desktop */
@media (min-width: 1200px) {
    .container { max-width: 1140px; }
}

/* Landscape orientation */
@media (orientation: landscape) {
    nav { flex-direction: row; }
}

/* Print */
@media print {
    nav, footer { display: none; }
}

Responsive Images

<!-- Fluid image -->
<img src="photo.jpg" style="max-width: 100%; height: auto;" alt="...">

<!-- srcset for different resolutions -->
<img src="small.jpg"
     srcset="small.jpg 480w, medium.jpg 768w, large.jpg 1200w"
     sizes="(max-width: 480px) 100vw, (max-width: 768px) 50vw, 33vw"
     alt="Responsive image">

<!-- Picture element for art direction -->
<picture>
  <source media="(min-width: 768px)" srcset="desktop.jpg">
  <img src="mobile.jpg" alt="Hero image">
</picture>

Responsive Units

Unit	Description
%	Percentage of parent
vw	1% of viewport width
vh	1% of viewport height
em	Relative to font-size of element
rem	Relative to root font-size
fr	Fraction unit (CSS Grid)

Mobile-First vs Desktop-First

Approach	Strategy
Mobile-first	Start with small screens, use `min-width` media queries to add features
Desktop-first	Start with large screens, use `max-width` to simplify for mobile

Mobile-first is the recommended approach.

Responsive Navigation Pattern

/* Mobile: hamburger menu */
.nav-links { display: none; }
.hamburger { display: block; }

@media (min-width: 768px) {
    .nav-links { display: flex; }
    .hamburger { display: none; }
}

Key Takeaway: Responsive design uses flexible grids, fluid images, and media queries to adapt layouts for any screen size. Always set the viewport meta tag and prefer a mobile-first approach.