Front-End for the Bible Research app.
A React JS project bootstrapped with Vite, featuring user authentication, notes management, and Bible study tools.
- 📖 Bible Reading - Read multiple Bible translations
- 📝 Notes & Tags - Create and organize study notes (requires authentication)
- 🔐 User Authentication - Secure login with token-based auth
- 🎨 Dark/Light Mode - Customizable theme
- 🔍 Search - Find verses and notes quickly
- 🎵 Audio Bible - Listen to Bible chapters
- 📱 Responsive Design - Works on all devices
- Node.js 16+ and npm
- Access to Bible Research API backend
# Clone the repository
git clone https://github.com/Bible-Research/reactive-bible.git
cd reactive-bible
# Install dependencies
npm install
# Start development server
npm run devThe app will be available at http://localhost:5173
This app uses token-based authentication with the Bible Research API.
- Create an account at
/register(or login if you already have one) - Login at
/loginwith your credentials - Access protected features like notes and tags
- Creating, editing, and deleting notes
- Managing tags
- Viewing private notes
- Reading Bible passages
- Viewing public notes
- Searching verses
- DEVELOPER_GUIDE.md - Technical details and architecture
- AUTHENTICATION_IMPLEMENTATION_SUMMARY.md - Auth implementation details
- USER_AUTHENTICATION_PLAN.md - Original auth implementation plan
- React 18 - UI framework
- TypeScript - Type safety
- Vite - Build tool
- Mantine v6 - UI component library
- Zustand - State management
- React Router v7 - Client-side routing
- Vitest - Testing framework
# Development
npm run dev # Start dev server
npm run build # Build for production
npm run preview # Preview production build
# Testing
npm run test # Run tests
npm run test:ui # Run tests with UI
npm run coverage # Generate coverage report
# Code Quality
npm run lint # Run ESLintSee DEVELOPER_GUIDE.md for development guidelines.
MIT