Project Documentation

Shikamaru AI – Chatbot | MERN / Web Development

Ai Project · Not a Real Company

Project Overview

Project NameShikamaru AI – Smart Chatbot Assistant
Project TypeAI-Powered Conversational System
PurposeTo design and develop a smart conversational AI interface capable of understanding user queries and delivering meaningful, real-time responses with a clean and interactive user experience.
InspirationInspired by Shikamaru Nara — a calm, strategic thinker known for high intelligence and problem-solving abilities, reflected in the AI’s behavior and design philosophy.
Current StatusLive Frontend Interface + Interactive Chat UI + Authentication System and Coming Soon Features
Year2026

Technologies Used

HTML5Structure
CSS3Styling & Animations
JavaScriptLogic & Interactivity
Font AwesomeIcons
Google FontsKanit + Inter
LocalStorageDemo Data Persistence

Features Completed

Responsive NavbarAll Pages
Chat Interface4 Msg → Login
Login/Signup FlowEmail → OTP → DOB → Password
Google Login DemoMock Authentication
Profile DropdownAvatar + Settings + Logout
Coming Soon PageChess Knight Animation
Privacy PolicyDetailed + Disclaimer
Terms of ServiceDetailed + Disclaimer
Support + FAQExpandable FAQs
Contact FormWorking Validation

Color Palette

Dark Green
#1B4332
Olive Green
#3A5A40
Charcoal
#0B0F0C
Beige
#F5F5DC
Soft Gray
#6C757D
Accent Green
#7BA46E

Coming Soon (Future Enhancements)

Voice AssistantComing Soon
Text to Image GenerationComing Soon
Real AI API (OpenAI/Gemini)Coming Soon
Backend + DatabaseComing Soon
Real OTP via EmailComing Soon
Payment Gateway DemoComing Soon

Responsive Breakpoints

Desktop≥ 992pxFull layout, side-by-side hero
Tablet768px - 991pxAdjusted padding
Mobile≤ 767pxHamburger menu, stacked layout