Camille846 / Autocomplete-Search

Javascript Mini Project that consists in a search bar with an autocomplete search.

🔎 Autocomplete Search Suggestions 🔍

This is a mini project created to improve my Javascript skills. It's a simple design that includes a search bar with an autocomplete search.

Table of contents

• Overview
  • The project
• My process
  • Built with
  • Useful resources
• Links

Overview

The project

• There is a search bar with an autocomplete search. When you type any country chosen by the user, it will display query suggestions and predict the rest of a word the user is typing and redirect to a certain page that shows the chosen country informations.

My process

Built With

• Semantic HTML5 markup
• CSS3
• Javascript

Useful Resources

• Coding Nepal - This was my inspiration to start the project. It guided me to accomplish the result I was expecting;
• W3Schools - How to Autocomplete - This is a tutorial that taught me how to create an autocomplete.
• MDN - Event.target - This helped me to learn the usage of the target property of the Event interface;
• MDN - Array.prototype.map() - This helped me to understand the map() method to create a new array;
• MDN - Drop event - This helped me using the join() method

Links

• Fonts: Google Fonts
• icons: Font Awesome
• Access Project: Autocomplete Search