golden-website

byAbhishek Kumar

Make a live website for newton coaching institute

Home
Home

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD) for golden-website

1. Introduction

The golden-website project aims to create a live website for Newton Coaching Institute, located in Brahmpura, Manigachhi, India. Established in 1998, the institute specializes in providing quality education for students from Class 6th to 10th, focusing on the Bihar Board curriculum. The website will serve as a digital presence to attract students, showcase the institute's legacy, and provide essential information about its offerings.

This document outlines the system requirements for the golden-website project, ensuring it meets the needs of the institute and its target audience.

2. System Overview

The golden-website will be a responsive, user-friendly platform designed to highlight Newton Coaching Institute's strengths and attract prospective students. The website will feature:

  • A welcoming homepage introducing the institute's legacy and offerings.
  • Detailed information about the courses, batch timings, and faculty.
  • Contact details and location for easy accessibility.
  • Optional features like testimonials, photo galleries, and online admission forms to enhance engagement.

The website will reflect the institute's commitment to education and its long-standing reputation in the community.

Page 2 of 6

3. Functional Requirements

  • As a Visitor, I should be able to view the homepage with an introduction to Newton Coaching Institute, including its establishment year (1998) and focus on Bihar Board classes.
  • As a Visitor, I should be able to view the institute's address (Brahmpura, Manigachhi) and contact details.
  • As a Visitor, I should be able to see the batch timings (6 AM to 9 AM) and weekly off day (Monday).
  • As a Visitor, I should be able to learn about the Director, Lalit Sir, and his qualifications (B.Ed, Double MA).
  • As a Visitor, I should be able to view the courses offered for Classes 6th to 10th.
  • As a Visitor, I should be able to access a "Contact Us" page with a form to submit inquiries.
  • As a Visitor, I should be able to view testimonials or success stories from past students.
  • As a Visitor, I should be able to view a photo gallery showcasing the institute's facilities and events.
  • As a Visitor, I should be able to access an optional online admission form to enroll in courses.

4. User Personas

4.1. Visitor

  • Description: Prospective students and their parents seeking information about Newton Coaching Institute.
  • Goals: Learn about the institute, its courses, and its reputation. Contact the institute or enroll in courses.

4.2. Administrator

  • Description: The staff or management of Newton Coaching Institute responsible for maintaining the website.
  • Goals: Update course details, batch timings, testimonials, and other content on the website. Respond to inquiries submitted through the contact form.
Page 3 of 6

5. Visuals Colors and Theme

The golden-website will feature a unique color palette that reflects the institute's legacy and focus on education. The colors will evoke trust, professionalism, and warmth.

  • Background: #FDF6E3 (Soft Beige)
  • Surface: #FFFFFF (Pure White)
  • Text: #333333 (Dark Charcoal)
  • Accent: #FFD700 (Golden Yellow)
  • Muted Tones: #B0C4DE (Light Steel Blue)

This color scheme will create a clean, professional, and inviting aesthetic, appealing to both students and parents.

6. Signature Design Concept

The homepage of the golden-website will feature an interactive chalkboard design to evoke the essence of a classroom.

Key Features:

  1. Chalkboard Animation: The homepage will resemble a chalkboard with animated chalk writing that introduces the institute's name, establishment year, and motto. The text will appear as if being written in real-time, accompanied by subtle chalk-dust effects.
  2. Interactive Elements: Visitors can "draw" on the chalkboard using their cursor or finger (on touch devices), creating a playful and engaging experience.
  3. Legacy Timeline: A scrollable timeline will appear as a chalk-drawn line on the board, showcasing key milestones in the institute's history.
  4. Hover Effects: Icons and buttons will have a chalk-drawn appearance, and hovering over them will create a "smudging" effect, mimicking real chalk.
  5. Subtle Background Music: A soft instrumental tune will play in the background, reminiscent of a classroom environment, with an option to mute it.

This design will make the website memorable and create a strong connection with the institute's educational theme.

Page 4 of 6

7. Non-Functional Requirements

  • The website must be responsive and accessible on all devices, including desktops, tablets, and smartphones.
  • The website must load within 3 seconds on a standard 4G connection.
  • The website must comply with accessibility standards (WCAG 2.1 Level AA).
  • The website must support both English and Hindi languages to cater to the local audience.
  • The website must be hosted on a reliable and scalable platform to handle potential traffic spikes during admission seasons.

8. Tech Stack

Frontend

  • React for Web

Backend

  • Python
  • FastAPI

Database RDBMS

  • MySQL (with Alembic for migrations)

AI Tools

  • None required for this project.
Page 5 of 6

Local Orchestration

  • Docker
  • docker-compose

Server-Side Orchestration

  • Kubernetes

9. Assumptions and Constraints

Assumptions

  • The website will primarily target students and parents in the Bihar region.
  • The website will be developed in English, with an option to add Hindi in the future.
  • The institute will provide all necessary content, including text, images, and testimonials.

Constraints

  • The website must adhere to the institute's budget and timeline.
  • The website must be optimized for low-bandwidth internet connections common in rural areas.
Page 6 of 6

10. Glossary

  • Bihar Board: The state education board for the Indian state of Bihar.
  • Responsive Design: A design approach that ensures the website works well on devices of all sizes.
  • WCAG 2.1: Web Content Accessibility Guidelines, a set of recommendations for making web content accessible to all users.
  • RDBMS: Relational Database Management System, a type of database that stores data in tables.
  • FastAPI: A modern web framework for building APIs with Python.
  • Docker: A platform for developing, shipping, and running applications in containers.
  • Kubernetes: An open-source system for automating the deployment, scaling, and management of containerized applications.
Home design preview
Admin Login: Sign In
Dashboard: View Overview
Courses: Update Batch Info
Testimonials: Manage Stories
Gallery: Upload Photos
Inquiries: View Submissions
Inquiries: Respond to Query