A comprehensive, interactive learning platform for Digital Design, Computer Architecture, and Firmware Engineering. Designed to help you ace Google, Apple, and top-tier hardware engineering interviews.
- Phase 1: Circuits & Logic - MOSFETs, parasitic signals, circuit analysis
- Phase 2: Computer Architecture - CPU design, memory hierarchies, performance optimization
- Phase 3: DSA & C++ - Memory management, pointers, algorithmic efficiency
- Phase 4: ASIC/SoC Design - RTL design, timing analysis, power optimization
Organized into 4 categories:
- Digital Logic & RTL - MUX design, Verilog coding, metastability, FIFO design, timing closure
- Computer Architecture & SoC - RISC pipeline, MESI protocol, DMA transfers
- Python & Scripting - Log parsing, regex patterns for hardware verification
- Programming & Bit Manipulation - Efficient algorithms, bit tricks, volatile keyword
- Visual progress dashboard with circular progress indicator
- Category-wise progress bars
- Persistent progress using localStorage
- Checkbox system to mark completed questions
- Reset progress functionality
- Real-time search across all questions
- Search result counter
- Keyboard shortcut:
Ctrl/Cmd + Kto focus search Escapeto clear search
- Modern dark theme with vibrant gradients
- Glassmorphism effects
- Smooth animations and transitions
- Responsive design for all devices
- Floating chip animations in hero section
Ctrl/Cmd + K- Focus search barEscape- Clear search
- Open
index.htmlin your web browser - No build process or dependencies required!
- Start learning and track your progress
silicon-vault/
├── index.html # Main HTML structure
├── styles.css # Complete styling with modern design
├── script.js # Interactive features and progress tracking
└── README.md # This file
- Start with the Roadmap - Review the 4-phase learning path
- Follow External Resources - Click on MIT, Berkeley, and Onur Mutlu course links
- Practice Questions - Work through the question bank systematically
- Track Progress - Check off questions as you master them
- Monitor Dashboard - Watch your progress grow!
- Click on any question to expand the answer
- Read through detailed explanations, code examples, and insights
- Check the checkbox when you've mastered the concept
- Use search to find specific topics quickly
- Your progress is automatically saved in your browser
- View overall completion percentage in the circular progress indicator
- See category-wise breakdown in the progress dashboard
- Reset progress anytime with the reset button
- MIT 6.002 - Circuits and Electronics
- Onur Mutlu's Computer Architecture - Gold standard architecture course
- MIT 6.006 - Introduction to Algorithms
- Berkeley EECS 151 - Digital Design & ICs
- All course links are embedded in the roadmap cards
- Click on the video buttons to access full playlists
- External links open in new tabs
- Background: Deep navy (#0a0e1a, #0f172a)
- Cards: Slate (#1e293b)
- Accent: Blue (#3b82f6)
- Success: Green (#10b981)
- Warning: Gold (#f59e0b)
- Text: Slate (#f1f5f9, #94a3b8)
- Font: Inter (Google Fonts)
- Headings: 700-800 weight
- Body: 400-600 weight
- Smooth accordion transitions
- Floating chip animations in hero
- Progress bar fill animations
- Hover effects on all interactive elements
- Celebration animation on question completion
- HTML5 - Semantic structure
- CSS3 - Modern styling with custom properties, gradients, animations
- Vanilla JavaScript - No frameworks, pure ES6+
- LocalStorage API - Progress persistence
- Font Awesome - Icons
- Google Fonts - Inter typography
- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)
- Mobile browsers (responsive design)
- No external dependencies beyond fonts and icons
- Lightweight (~50KB total)
- Instant load times
- Smooth 60fps animations
The platform is fully responsive:
- Desktop (1400px+) - Full layout with all features
- Tablet (768px-1024px) - Adapted grid layouts
- Mobile (< 768px) - Single column, touch-optimized
- Master Fundamentals - Start with Phase 1 & 2
- Practice Coding - Work through all bit manipulation questions
- Understand Trade-offs - Focus on APT (Area, Power, Timing)
- Real-world Context - Connect concepts to actual hardware
- Timing: Setup/hold violations, metastability, clock domain crossing
- Memory: Cache coherence (MESI), memory hierarchies
- RTL: Blocking vs non-blocking, FIFO design, synchronizers
- Architecture: Pipeline hazards, branch prediction, DMA
- Coding: Bit manipulation, pointers, volatile keyword
- Searches across question text, tags, and answers
- Case-insensitive matching
- Real-time filtering
- Result counter
- Uses browser localStorage
- Survives page refreshes
- Per-question tracking
- Category-wise aggregation
- Semantic HTML structure
- Keyboard navigation support
- High contrast ratios
- Focus indicators
Gowshik Ram R - Hardware Engineering Enthusiast
💡 Found this helpful? Give it a ⭐ and follow me on GitHub for more awesome projects!
Good luck with the SRM IST-Kattankulathur 2025 Placement Season, Gowshik! 🚀
Built with ❤️ for hardware engineers everywhere.
- Light mode theme
- Export progress as PDF
- Add more questions (target: 200+)
- Video explanations for complex topics
- Practice coding environment
- Spaced repetition system
- Study timer and analytics
- Community discussion forum
Free to use for personal learning and interview preparation.
This is a personal learning platform. Feel free to fork and customize for your own use!
Happy Learning! May your interviews be bug-free and your designs be optimal! ⚡