smrpl/autocomplete

Auto Complete / Suggestion feature using Trie data structure

Auto Complete

This projects implements the Trie Data Structure to create an autocomplete feature

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

• Live Demo:👇

• samirpaul.in/autocomplete

• trieautocomplete.vercel.app

• autocomplete-search.pages.dev

• trie-autocomplete.netlify.app

The challenge

Users should be able to:

• Enter a word or partial word
• Recieve a list of words whose names start with the substring that they enter into the search bar

Screenshot

Links

• Solution URL: https://github.com/SamirPaulb/autocomplete
• Live Site URL: https://samirpaul.in/autocomplete

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

I learned how the Trie data structure works and how it can be used to complete an auto complete feature.

Author

• Samir Paul