A premium interactive Bible encyclopedia web application that brings every Bible book, timeline, author details, chapters, historical background, and spiritual insights into a beautiful golden-themed digital experience.
https://isaac1376.github.io/Bible-Application
Bible Timeline Explorer is a bilingual Bible learning platform designed to help users explore the complete Bible journey.
The application provides:
✨ Bible book timeline ✨ Book introductions ✨ Author information ✨ Chapter explanations ✨ Historical background ✨ Related images ✨ English & Tamil language support ✨ Admin-controlled content management
The goal is to create a beautiful digital Bible study experience with a cinematic ancient manuscript style.
Explore Bible books in chronological order.
Each book contains:
- 📜 Book Introduction
- ✍️ Author Details
- 📅 Historical Timeline
- 📚 Chapter Count
- 🌍 Background Information
- 🔥 Key Themes
- 🖼️ Related Images
Supported Languages:
🇬🇧 English
🇮🇳 தமிழ் (Tamil)
Every Bible book includes:
- English explanation
- Tamil explanation
- Chapter details
- Historical information
Designed with a luxury biblical theme.
Features:
✨ Golden animated borders ✨ Glassmorphism cards ✨ Ancient manuscript inspired design ✨ Smooth page transitions ✨ Framer Motion animations ✨ Responsive mobile design
Typography:
Times New Roman Bold
Poppins
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- Lucide Icons
- Node.js
- Express.js
- MongoDB
- JWT Admin Authentication
- Cloudinary / Firebase Storage
The admin panel allows managing Bible content.
Admin can:
✅ Add new Bible books ✅ Edit book information ✅ Upload alternate images ✅ Manage chapter details ✅ Update Tamil & English content ✅ Replace images anytime
bible-timeline-explorer/
├── frontend/
│ ├── components/
│ ├── pages/
│ ├── animations/
│ ├── translations/
│ └── assets/
├── backend/
│ ├── models/
│ ├── routes/
│ ├── controllers/
│ ├── middleware/
│ └── uploads/
├── README.md
└── package.json
Clone the repository:
git clone your-repository-link
Install dependencies:
Frontend:
cd frontend
npm install
npm run dev
Backend:
cd backend
npm install
npm start
- Audio Bible integration
- Bible verse search
- User accounts
- Bookmark system
- Daily Bible verse notification
- AI Bible assistant
- More language support
Building technology with creativity, security, and purpose.
✨ GitHub Isaac1376
✨ LinkedIn dhivagar1376
⭐ If you like this project, consider giving it a star ⭐