Alien-invasion-project

A webpage designed to help the remaining survivors find safe zones and to help them during any difficulties.

Comment

Inspiration

I used this website as a little inspiration for the main page link

What it does

The website allows you to find essential information on how to survive the alien invasion, by providing the locations of all the safe zones in Austin, as well as some tips and alien fighting simulation

How we built it

I built it in React, with the use of pixelator for the character images and background in the chatbot

Challenges we ran into

Making the chatbot game that looked smooth and was working, was quite hard but very thrilling experience

Accomplishments that we're proud of

Completing the chatbot with a alien fighting simulation was a really proud moment for me, and I hope to improve it maybe with some other project later.

What we learned

That it actually is possible to make a game in JS

What's next for Alien-invasion-project

Probably take the chatbot game and make it a brand new project maybe with some more fighting and talking

Welcome to the Alien Invasion Project

Home:

Banner - show a simple banner with animated text
Tips - shows the tips to the survivors, you can change them by clicking the arrows
Latest Update - Tells the latest update from Earth. Clicking the button takes the user to the map of safezones
History Panel - Tells the story how the invasion started and how people are dealing with their problems
Help - Allows user to click on the button, which would take him to the chat bot

Safezones:

Description - Tells a little bit of story about the map and why it was created
Map - Shows safezones and danger zones in the city of Austin, you can click on the pins to see descriptions about the safezones
Legend - Under the map you can see the legend, which describes the different symbols from the map

ChatBot:

Description - Tells a little bit of story about the chatbot (Spacetec Dialog Simulation) and why it was created
ChatBot - Allows the user to travel between locations and interact with the poeple there. Clicking "Military Camp" will take you to the military camp where you can talk to the SpaceTec soldier, he will tell you some information about the inavsion, how to get weapons and how to be safe. You can go back by clicking the Field in "Field > Military camp". Now you can choose "Hospital", here the nurse will tell you what is happening to earth. You can fight an Alien by going back and choosing the "Battlefield", you can start the battle by pressing "Field > Military camp".

Assets:

link link link

Built With

Share this project:

Updates