Code Snippet Manager

The Code Snippet Manager is a sophisticated web application built with React and TypeScript, designed to streamline the way developers organise and access their code snippets. The application features a modern, responsive interface with Material-UI components and supports both dark and light themes for optimal viewing comfort. At its core, the application provides a robust snippet management system where users can create, edit, and delete code snippets, each with a title, programming language specification, and customisable tags for easy categorisation. The search functionality allows users to quickly find snippets by filtering through titles, languages, or tags, utilising React's useMemo hook for efficient performance. One of the key features is the local storage integration through a custom useLocalStorage hook, ensuring that all snippets and user preferences persist between sessions without requiring a backend server. This makes the application completely client-side and instantly usable. The user interface is thoughtfully designed with a clean, intuitive layout that includes a responsive navigation bar, a search component, and a snippet list with individual snippet cards. Each snippet card displays the code with proper formatting and syntax highlighting, making it easy to read and copy code snippets. The application also implements modern React patterns and TypeScript for type safety, making the codebase maintainable and scalable. The component structure is modular, with separate components for the search bar, snippet form, snippet list, and theme toggle, following best practices for React application architecture.