An interactive, responsive web app that helps seniors and new smartphone users learn device basics through tutorials, curated app recommendations, and personalized onboarding checklists.
Onboarding Tool for New Smartphone Users is designed to bridge the gap for seniors and beginners entering the digital world. It provides clear, step-by-step tutorials that simplify smartphone setup and daily usage. Personalized checklists guide users through essential tasks, while curated app recommendations highlight tools that improve communication, health, and entertainment. With an emphasis on accessibility and ease of use, it reduces the intimidation often associated with new technology. The tool builds user confidence, encourages independence, and promotes digital inclusion for all.
Team Members
Team Lead coordinates the team to ensure tasks are completed on time and align with project goals, while managing communication, deadlines, and quality standards. she identify and resolve issues promptly to keep the project on track.
She also facilitates collaboration across all roles, ensuring everyone stays aligned and supported throughout the project lifecycle.
Yaswanth Maddineni
- Back End Lead
Component Development: Build and implement various components of the project.
Functionality Writing: Develop the underlying functionality and logic for the project.
Goal Alignment: Ensure that the project stays aligned with its overall objectives.
Debugging: Identify and resolve any issues or bugs in the code.
Balachandar Pinninti - Frontend Lead
Component Development: Contribute to building and implementing components.
Design Work: Focus on the design aspects, ensuring visual and functional quality.
Debugging: Help in identifying and fixing bugs.
Functionality Writing: Develop the necessary functionality for the project.
Namita Velagapudi
- UI Lead
Mockup & Wireframe Creation: Create detailed mockups and wireframes that define the visual structure of each screen.
Design clean, user-friendly interfaces with a focus on accessibility and ease of use.
Collaboration : Work closely with the frontend team to ensure smooth handoff and accurate implementation of designs.
Rohit Venkata Sai Chekka - QA Lead
Component Development: Develop and implement various project components.
Documentation: Create and maintain project documentation, including user manuals.
Design Analysis: Analyze design decisions to ensure they meet project requirements.
KSU IT department link : www.kennesaw.edu/ccse/academics/information-technology/index.php
KSU capstone course page link: www.kennesaw.edu/ccse/resources/capstone.php
KSU homepage link : www.kennesaw.edu/
Project Planning Report : ProjectPlan_OnboardingTool_Report
Milestone 1: docs.google.com/presentation/d/1idDbRgjYBpibWENncZE-5ZrBfk7GiP_uqcj2sYffkgE/present?slide=id.p1
Milestone 2: docs.google.com/presentation/d/1nxElIuB3s-0M_9Qc2XjxaLTLVub_G-KDU51Jk6FLeSw/present?slide=id.p1
Milestone 3: docs.google.com/presentation/d/1ldz-2XBbp2iKRMdfMdmcKovQmB_y6W7tFci0hM0XvI4/present?slide=id.p1
Complete Report : docs.google.com/document/d/1Tp2Wn53AdVjh4XY8wuaVOLkY6uTtBcl3W8kSRPtajkI/edit?tab=t.0#heading=h.yw6fe3bx051g
Project Deployment Link : code-onboarding-tool-project.vercel.app/
A Backend architecture built with Node.js backend and Express.js and SQLite for authentication.
Client requests (HTTP/HTTPS) pass through Express routes and middleware layers (JWT, Helmet, CORS, validation) for security and rate limiting.
Controllers handle incoming requests and forward logic to service layers, which implement core business rules.
The data access layer, using Knex/sqlite3, interacts with the SQLite database to manage users, sessions, and roles.
Additional components like BCrypt ensure secure password hashing, while GitHub Actions supports CI/CD for testing and API deployment.
A Frontend architecture shows a React-based frontend built with Tailwind CSS and React Router for dynamic, single-page application (SPA) behavior.
Users access the app via a browser, where React 18 renders components styled with Tailwind for responsive UI.
React Router manages navigation between public and protected routes, while AuthGuard verifies JWT or session validity.
Application state is handled through Context/Zustand and custom hooks, with API requests made via fetch or Axios to the Express backend.
Testing and CI/CD are automated using Jest, React Testing Library, and GitHub Actions for build and deployment.
© 2025 OnboardingTool. All rights reserved.