Make sure you have Node.js installed on your Mac/ Linux:
- Download and install Node.js from: https://nodejs.org/
- Verify installation:
node --versionandnpm --version
mkdir bar-review-system-2025
cd bar-review-system-2025mkdir -p src publicCopy the following files to root folder:
package.jsontailwind.config.jspostcss.config.js
Public folder:
public/index.html
Source folder:
src/index.jssrc/App.jssrc/index.css
npm installnpm startThe app will automatically open in your browser at http://localhost:3000
- Full 20-question Political Law mock exam (CUSTOMIZE bar questions found at src/App.js)
- Timer functionality (1 hour or 15-minute drills)
- Justice Amy's four-sentence format guidance
- Real-time progress tracking
- Week 1: Political Law deep dive
- Week 2: Commercial Law deep dive
- Week 3-5: Dual-subject format
- Progress tracking per week
- Built-in reminders for the four-sentence format
- SPJI-focused questions
- "Never leave questions unanswered" enforcement
- Direct, categorical answer requirements
- Completion rate tracking
- Pass/fail indicators (75% threshold)
- Session scoring and feedback
npm cache clean --force
rm -rf node_modules package-lock.json
npm installnpm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p- Check Node.js version:
node --version(should be 14+) - Try:
npm install react-scripts@latest
bar-review-system-2025/
βββ public/
β βββ index.html
βββ src/
β βββ App.js
β βββ index.js
β βββ index.css
βββ package.json
βββ tailwind.config.js
βββ postcss.config.js
Edit the politicalLawQuestions array in src/App.js to add more questions following the same format.
Modify the weeklySchedule object to adjust your study plan.
Change the duration parameters in the startMockExam() function calls.
If you encounter any issues, check:
- Node.js and npm versions
- All files are in correct directories
- Dependencies are properly installed
A comprehensive Pomodoro timer system for the Study Session. This will be configurable and follow deep-dive methodology with 90-minute focus blocks and 10-minute breaks. It is configurable with your desired time but ideally, this is recommended time block.
- Slider controls for work duration (25-180 minutes) and break duration (5-30 minutes)
- Quick presets: Classic (25+5), Extended (50+10), Deep Dive (90+10), Ultra (120+15)
- Default: 90-minute work + 10-minute break (recommended deep-dive methodology)
- Large countdown display with progress bar
- Pause/Resume/Reset/Stop controls
- Round tracking - shows which study round you're on
- Total study time accumulator
- Visual distinction between work (blue) and break (green) sessions
- Browser notifications when work/break sessions complete
- Automatic transition from work to break
- Manual control for starting next work session (no auto-restart)
During study sessions:
- Focus on one topic at a time
- Use four-sentence format
- Review codal provisions
- Apply Justice Amy's guidelines
During breaks:
- Take a walk outside
- Hydrate
- Light stretching
- Rest eyes
- Healthy snack
- Shows current focus area (from your weekly schedule)
- Tracks total accumulated study time
- Round counter for motivation
- Click "Start Pomodoro Study Session"
- Configure your preferences (or use the "Deep Dive" preset)
- Start timer - focuses on your current week's subject
- Work session completes β automatic break starts
- Break completes β choose to start next round or stop
Good luck with your bar review! πβοΈ
β Four-sentence format enforcement β SPJI questions included β No "it depends" answers β Direct, categorical responses β Never leave questions unanswered
