Giter Club home page Giter Club logo

adrianhajdin / project_news_alan_ai Goto Github PK

View Code? Open in Web Editor NEW
503.0 7.0 175.0 2.29 MB

In this video, we're going to build a Conversational Voice Controlled React News Application using Alan AI. Alan AI is a revolutionary speech recognition software that allows you to add voice capabilities to your applications.

Home Page: https://alan-news-app.netlify.app/

JavaScript 95.01% HTML 3.95% CSS 1.05%
react reactjs voice-recognition voice-assistant react-project

project_news_alan_ai's Introduction

Voice Controlled React News Application - Alan AI Voice Assistant

Voice Controlled React News Application

Introduction

This is a code repository for the corresponding video tutorial.

In this video, we're going to build a Conversational Voice Controlled React News Application using Alan AI. Alan AI is a revolutionary speech recognition software that allows you to add voice capabilities to your applications. It allows you to control absolutely everything in the app using your voice. Another huge benefit is that it's extremely easy to integrate it. We'll do it together in this video and afterward, you'll be able to create your own voice-controlled apps.

Setup:

  • run npm i && npm start to start development server

project_news_alan_ai's People

Contributors

adrianhajdin avatar salimdriai avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

project_news_alan_ai's Issues

Jobs Script + Product deals script

Hi i followed your tutorial found it great but was wondering if you could add scripts for jobs and product deals rather than news as Alan AI have a few scripts would be nice to try different things thank you

errors in Alan studio script

I guess they have changed the whole syntax in alan studio
neither p.source.value or p.source works, hence no request is being made to the news api and there are many more errors
+1 to the previous issue
please update the script

Build error

Hey so i followed the tutorial and made my own version of this with the idea of developing the alan capabilities, however when i run npm run build, alan doesnt work once deployed, i've checked console this is the error im getting.

Would love any help ! please and thank you

image

Uncaught User Exception (!articles.length)

line 18, 44, 74 in the alanStudio.js file throw uncaught exceptions
I changed the condition to
if(articles === undefined)
but that just routed to error to line 17 in NewsCards.js where we display the 4 cards on the main page after trying to evaluate if(!articles.length)

I don't know why this error keeps popping up. Clearly, the articles aren't being returned hence the reason its properties are showing up as undefined. But my API key and plan are functioning well and I haven't surpassed any query limits so this is a pretty annoying issue. Please let me know if there's a way around this. It would be very appreciated as I spent a lot of time developing this and not just copying and pasting. Would be a shame if I had to drop it after all the hours spent.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.