A modern and responsive Course Finder mini application built using React.
This app allows users to explore courses across multiple domains and easily search by course name or domain.
- 🔍 Search courses by course name or domain
- 📚 Courses grouped by domains
- 🏷️ Difficulty levels: Basic, Intermediate, Advanced
- 💡 Displays a motivational quote using a public API
- 🎨 Modern, attractive, and responsive UI
- 📱 Works well on desktop and mobile screens
- 🌐 Web Development
- 💻 Programming
- 🧠 Computer Science
- 🤖 AI & Data
- 🎨 Design
- 🔐 Cyber Security
- ☁️ Cloud & DevOps
- 📱 Mobile Development
- ⛓️ Blockchain
Each domain contains 6 courses, clearly labeled with difficulty levels.
- Frontend: React (Vite)
- Styling: CSS (Modern UI)
- State Management: React Hooks (
useState,useEffect) - API: Public Quote API
- Version Control: Git & GitHub
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.