React Practical Kit

Beginner-friendly React practical exam reference for Q13-Q18.

Included

• Q13: Book card/grid code supplied for this kit
• Q14: Book Library with favorites and routing
• Q15: Student Result Dashboard
• Q16: Online Course Management
• Q17: Todo List
• Q18: Shopping Cart
• Reusable Bootstrap Card component
• Reusable Navbar using NavLink

Install

npm install react-practical-kit
npm install react react-dom react-router-dom bootstrap

Example

import { Q14BookLibraryComplete } from "react-practical-kit";

function App() {
  return <Q14BookLibraryComplete />;
}

export default App;

The Navbar follows the React Router syntax from the help notes: NavLink is used for navigation and an active class is used for the active link.

API, Axios, JSON Server and CRUD server code are not included.