J.A.R.V.I.S

The voice assistant from Marvel's Iron Man movies

Comment 4

Inspiration

When I was younger I really loved Iron Man mainly because he was innovative, funny and he was overall inspirational. I remember watching the Iron Man movies and seeing Tony Stark interact with J.A.R.V.I.S for the first time and I thought it was amazing so I decided to create my own! That's my inspiration!

What it does

J.A.R.V.I.S is a voice assistant as seen in the Iron Man movies. It can perform many tasks and the full list of commands is below.

Command: Who are you?

Result: "I am Jarvis, an AI created by Tony Stark in 2008"

Command: Open Youtube

Result: "I am opening youtube" (Youtube opens)

Command: Open Spotify

Result: "I am opening Spotify" (Spotify opens)

Command: What is the weather today?

Result: "Here is the weather" (A new tab showing the weather opens)

Command: What is the time?

Result: (Local time is stated)

Command: Search ____ on Google (ex. Search NBA Finals on Google)

Result: New google search tab opened with the search query

Command: Search ___ on Youtube (ex. Search ESPN on Youtube)

Command: Send email to ______ (ex. Send email to brandon@outlook.com)

Result: Default email app opens a blank message addressed to that individual(s)

Command: What is my internet speed?

Result: " Your internet speed is:" (Interned Speed is stated)

Command: What is my processor speed?

Result: "Your processor speed is:" (Processor speed is stated)

Command: Set ____ timer (ex. set 5 second timer)

Result: Timer is set and J.A.R.V.I.S will alert you when the timer is done

Command: Tell me an inspirational quote

Result: A random inspirational quote is stated

Basic Arithmetic

Command: _plus/minus/times/divided by ______

Result: "The answer is:" (Answer is stated)

Translation

You can translate English to Portuguese, Russian, Japanese, French, Italian, Dutch, Spanish, and Chinese

Command: Translate ___ to ____ (ex. translate hello to french)

Result: (Translated result is stated)

How we built it

For the translation feature I used Google Cloud's Google Translate API. For languages of code I used CSS, HTML and Javascript.

Challenges we ran into

This was my very first time creating a voice assistant so it was a bit challenging. I also found it very challenging to create Iron Man's arc reactor using plain CSS (but I think in the end it ended up looking pretty good)!

Accomplishments that we're proud of

I only learned how to code a few months ago so Im very happy with the project I was able to create this weekend. Im also happy that I was able to create a voice assistant as that was on my bucket list for a long time!

What we learned

I learned how to use CSS to create cool graphics such as Iron Man's arc reactor I also learned how to create a voice assistant using javascript!

What's next for J.A.R.V.I.S

I hope that I can make this into a actual device like a Google Home and I also would like to add more features to it such as controlling your smart home.

Share this project:

Updates