Creating a University Instant Search Engine with Algolia (1 HOUR FULL PROJECT) // Learn Web-Dev
You can make use of Algolia by following this link https://utm.io/udYOq
Algolia is a great free tool to use for any small projects when it comes to implementing incredibly fast search functionality with many pre-built widgets.
Follow me in this video to learn a bunch of awesome JavaScript techniques from API connections to Google's API's, JSON data manipulation, UI creation and use of Algolia.
Timestamps ►
0:00 - Introduction
2:26 - What you will learn
3:38 - React Webpack Starter and Project Overview
9:06 - Modifying JSON data to add Geolocations
17:42 - Appending JSON to File
24:14 - Setting up Algolia
26:30 - Pushing data to Algolia
27:12 - Configuring Searchable Attributes and Rankings
29:04 - Using Widgets to Create a UI
52:22 - More Widgets to Explore for the Brave!
Get your Developer Resume Template ➡ https://shop.developerfilip.com ✏️📋
Join my Newsletter ➡ https://shop.developerfilip.com/sign-up 🔥
Join my Discord Server ► https://discord.gg/VBj4yZH
Follow me on Instagram ► https://www.instagram.com/developerfilip/
Check me out on GitHub ► https://github.com/FilipGrebowski
INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com
MUSIC BY ► @epidemicsound
#webdev #project #algolia
Видео Creating a University Instant Search Engine with Algolia (1 HOUR FULL PROJECT) // Learn Web-Dev канала Developer Filip
Algolia is a great free tool to use for any small projects when it comes to implementing incredibly fast search functionality with many pre-built widgets.
Follow me in this video to learn a bunch of awesome JavaScript techniques from API connections to Google's API's, JSON data manipulation, UI creation and use of Algolia.
Timestamps ►
0:00 - Introduction
2:26 - What you will learn
3:38 - React Webpack Starter and Project Overview
9:06 - Modifying JSON data to add Geolocations
17:42 - Appending JSON to File
24:14 - Setting up Algolia
26:30 - Pushing data to Algolia
27:12 - Configuring Searchable Attributes and Rankings
29:04 - Using Widgets to Create a UI
52:22 - More Widgets to Explore for the Brave!
Get your Developer Resume Template ➡ https://shop.developerfilip.com ✏️📋
Join my Newsletter ➡ https://shop.developerfilip.com/sign-up 🔥
Join my Discord Server ► https://discord.gg/VBj4yZH
Follow me on Instagram ► https://www.instagram.com/developerfilip/
Check me out on GitHub ► https://github.com/FilipGrebowski
INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com
MUSIC BY ► @epidemicsound
#webdev #project #algolia
Видео Creating a University Instant Search Engine with Algolia (1 HOUR FULL PROJECT) // Learn Web-Dev канала Developer Filip
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Create Stunning Animations with these 5 Libraries #Shorts](https://i.ytimg.com/vi/2rv9pi-Wl88/default.jpg)
![A chrome tool you should be using. #Shorts](https://i.ytimg.com/vi/3BJAGFhwmA0/default.jpg)
![HOW TO get $100,000+ Software Developer JOB INTERVIEWS](https://i.ytimg.com/vi/9yPmWFVbTh8/default.jpg)
![Reacting to no-code 3D landing pages + how-to build them](https://i.ytimg.com/vi/1lpOC65xre0/default.jpg)
![Create beautiful website titles #shorts](https://i.ytimg.com/vi/-oLZ0b2LkQA/default.jpg)
![A 3D tool every creative web developer needs](https://i.ytimg.com/vi/AYwG1kcjLr8/default.jpg)
![4 Steps to become a Creative Developer #Shorts](https://i.ytimg.com/vi/y2gYxx7aLTY/default.jpg)
![5 CSS generators to spice up your websites](https://i.ytimg.com/vi/ZyFO4CZhmoE/default.jpg)
![Responsive design in 59 seconds #shorts](https://i.ytimg.com/vi/0BDj8XYcqDY/default.jpg)
![Making a payment will be so sexy...](https://i.ytimg.com/vi/xGTrSZ96ZI4/default.jpg)
![VS Code speed hack you absolutely need #Shorts](https://i.ytimg.com/vi/K3tuqQx-r9U/default.jpg)
![Portfolio Pure CSS Scroll Snapping Tutorial](https://i.ytimg.com/vi/pNPkVQD7vlM/default.jpg)
![1 Line Pure CSS Reflection Tutorial](https://i.ytimg.com/vi/cSc4KoH2BLE/default.jpg)
![The Pyramid of HTML Cursors #shorts](https://i.ytimg.com/vi/3wZpX25YOzI/default.jpg)
![These Codepens will BLOW your MINDS!](https://i.ytimg.com/vi/O0ov3h_4sIE/default.jpg)
![I found more incredible 3D personal portfolios!!!](https://i.ytimg.com/vi/oWKDTR6UvU4/default.jpg)
![Overwhelmed with learning how to code? WATCH THIS!](https://i.ytimg.com/vi/OaKYBWDEQUA/default.jpg)
![Simple Pure CSS Parallax Scroll Tutorial](https://i.ytimg.com/vi/rLrLJQBG_qo/default.jpg)
![Phone UI Design - Speed Code - You suggest it, I code it // PROGRAMMING in SCSS // Ep. 3](https://i.ytimg.com/vi/2GYY_K1UoKo/default.jpg)
![Create beautiful code snippets for websites #Shorts](https://i.ytimg.com/vi/9bPBWfpO-fA/default.jpg)