🔍 Simple implementation of a Google-like search engine using TypeScript and SvelteKit.
This project is a simple search engine that mimics the Google search engine.
The Google search engine is a very complex system, but I tried to make it as simple as possible. The app is based on a JSON file that contains the data of simple articles that are displayed on the page. The search engine must be able to search for articles by title, description, and content.
Cases that the search engine must be able to handle:
- Search for articles by title, description, and content.
- Use search operators to filter the results by:
- exact phrase (e.g., "hello world")
- any of the words (e.g., hello world)
- include keywords (e.g., +hello +world)
- exclude keywords (e.g., -hello -world)
- Register the number of results found.
- Register the time it took to perform the search.
- Highlight the keywords in the results.
| Tool/Service | Category | Description |
|---|---|---|
| Vite | Build Tools | A build tool that provides a faster development experience for modern web projects. |
| CSSNANO | CSS | A modular minifier, built on top of the PostCSS ecosystem. |
| PostCSS | CSS | A tool for transforming CSS with JavaScript. |
| Tailwind CSS | CSS | A utility-first CSS framework. |
| ESLint | JavaScript/TypeScript Tools | A tool for identifying and reporting on patterns in ECMAScript/JavaScript code. |
| Prettier | JavaScript/TypeScript Tools | An opinionated code formatter. |
| TypeScript | JavaScript/TypeScript Tools | A typed superset of JavaScript that compiles to plain JavaScript. |
| shadcn-svelte | UI Components | Accessible and customizable components that you can copy and paste into your apps. |
| TanStack Virtual | UI Components | Headless UI for Virtualizing Large Element Lists |
| SvelteKit | Web Frameworks | A framework for building high-performance web apps. |
This project is licensed under the MIT License - see the LICENSE page for details.
❤️ Thanks for your attention!