phase-3 - web [WIP]

[yeaight7]

Summary

This pull request introduces a new React + TypeScript + Vite frontend application in the web directory. It sets up a modern development environment with ESLint, TypeScript, and Vite, and implements the initial version of an "Awesome AI Devtools" catalog app. The app loads tool and category data from YAML files, provides search and filter functionality, and displays the results in a responsive, styled UI.

The most important changes are:

Frontend Application Setup:

• Added a new web directory with a Vite-based React + TypeScript project, including configuration files for TypeScript (tsconfig.json, tsconfig.app.json, tsconfig.node.json), Vite (vite.config.ts), and ESLint (eslint.config.js). Also included is a starter index.html file. [1] [2] [3] [4] [5] [6] [7]

• Added a detailed README.md in web/ with setup instructions, ESLint configuration guidance, and information about React and Vite plugins.

Core Application Implementation:

• Implemented the main React app in src/App.tsx, which loads tool and category data from YAML, provides search and multi-faceted filtering (by category, source model, deployment), and renders a responsive catalog grid of reviewed tools.

• Set up the application entry point in src/main.tsx, rendering the App component with React 19 and strict mode.

Styling and User Interface:

• Added comprehensive global and component CSS in src/index.css for a modern, glassmorphism-inspired UI, including layout, sidebar, catalog grid, tool cards, and responsive design.

• Added a sample component style file src/App.css (possibly a placeholder for future styles).