🚀 Ravi Raj — Personal Website & Portfolio
Portfolio · Autobiography · AI Chatbox · Friends Corner · Resume
🌍 Live Demo • ✨ Features • 🛠️ Tech Stack • 🤝 Connect
📖 About The Project
Welcome to my personal website — a space where I share my journey as a Web Developer, Student, and Author.
This project is more than just a portfolio. It's a reflection of who I am — my projects, my friends, my story, and my vision. Every page is built with ❤️ and attention to detail.
💡 "Somewhere Between I Want It & I Got It" — Ravi Raj
✨ Features
- 🏠 Portfolio — Showcase of projects, skills & milestones
- 📖 Autobiography — 12 chapters in English & Hinglish + E-book download
- 👥 Friends Corner — 14 friends with voice search, filters & PDF friend cards
- 💬 AI Chatbox (RJ AI) — Virtual assistant with 20+ intent detection
- 📄 Resume — Professional CV with print & download support
- ✉️ Contact Form — EmailJS-powered messaging, no backend needed
- 🌓 Theme Toggle — Dark/Light mode with localStorage
- 📱 Fully Responsive — Mobile-first design
- ⚡ Fast & Clean — Optimized assets, modular code
🛠️ Tech Stack
| Category | Technologies |
|---|---|
| Frontend | HTML5, CSS3, Vanilla JavaScript ES6+ |
| Styling | CSS Variables, Flexbox, Grid, Responsive Design |
| Libraries | Font Awesome 6, Google Fonts, EmailJS, jsPDF, html2canvas |
| Tools | VS Code, Git, GitHub, GitHub Pages |
| Hosting | GitHub Pages — 100% Free & Fast |
📂 Project Structure
http://ravirajhere.github.io/ │ ├── assets/ │ ├── images/ # Profile, book, friends images │ └── http://favicon.png # Website icon │ ├── css/ │ ├── http://global.css # Common styles - theme, buttons │ ├── http://style.css # Homepage styles │ └── http://autobiography.css │ ├── js/ │ ├── http://global.js # Theme, time, scroll functions │ ├── http://script.js # Homepage logic │ ├── http://autobiography.js # Language toggle + navigation │ ├── http://ebook.js # PDF generation │ ├── http://friends.js # Search, voice, PDF cards │ └── http://chatbox.js # RJ AI - 20+ intents │ ├── http://index.html # Homepage ├── http://autobiography.html # Autobiography ├── http://friends.html # Friends Corner ├── http://resume-pdf.html # Resume ├── http://chatbox.html # AI Chatbox ├── http://emailjs.html # Contact Form └── http://README.md
🚀 How to Run Locally
-
Clone the repository git clone https://github.com/ravirajhere/ravirajhere.github.io.git
-
Navigate to the folder cd ravirajhere.github.io
-
Open in browser
- Double-click
index.html - OR use
Live Serverin VS Code
- Double-click
-
No backend required - Everything runs client-side
🌐 Live Demo
🔗 Visit Website: https://ravirajhere.github.io
📄 Pages Overview Page Description Index Homepage with intro, skills, projects & milestones Autobiography 12 chapters, Hinglish toggle, chapter nav, ebook download Friends Corner 14 friends, live + voice search, PDF card generator Resume Professional CV with print/download AI Chatbox RJ AI with 20+ intents, typing effect Contact EmailJS form - messages go to email
🎯 Key Highlights
- Zero Backend - Pure HTML, CSS, JS
- Modular Architecture - Separate CSS/JS for each page
- Accessibility - Keyboard support & ARIA labels
- Performance - Lazy loading & optimized assets
- SEO Ready - Meta tags & semantic HTML
- Mobile First - Perfect on all screen sizes
🤝 Connect with Me
📧 Contact
Email: raviraj2k09@gmail.com
Website: https://ravirajhere.github.io
Location: Patna, Bihar, India
💬 Feel free to reach out for collaborations or feedback!
📝 License
This project is licensed under the MIT License
🙏 Acknowledgments
- All my friends who inspired Friends Corner ❤️
- Teachers & mentors who guided me
- Open source community
- You for visiting! 😊
Made with ❤️ & Curiosity by Ravi Raj Singh
© 2026 Ravi Raj