SpaceTec Website

Welcome to SpaceTec! Defending Humanity, One Step at a Time

Comment

Introduction

Hello I am Nasheeth Ahmed A, a 2nd year college student. This is the first hackathon that i have ever participated. I tried to work with a team, but it got disbanded for some reasons. Since i can't let my first hackathon experience be of quitting, I went ahead and made everything myself and hope it is good enough.

Inspiration

Since after the first announcement of the "SAVE HACKUNIA", I kept thinking of how could a Space organization ( i.e SpaceTec ) help citizens of a planet? At some point it occured to me that "Alien Invasion" is a placeholder for some crisis. So a organization could provide some crisis management. Hence I went with the idea of a Website that provides info needed in a crisis. And I thought Cartoonish/graphics theme for our images would fit right in.

What it does

  • It Provides a website( Responsive for all screens ) that helps the citizens of Hackunia.
  • It has a Survival Guide.
  • It has a AI chat that helps with your issues.
  • It has a Alien Detection Map warning about alien's locations.
  • It has the feature to report your current location for alien sitings.
  • It has a lofi DarkGrey and GreenYellow theme.
  • It Provides a Home page that describes how to use our website.

How I built it

  • Used FastAPI with python to make a Backend for the website.
  • Used gpt4free to get free ChatGpt-3.5-turbo in the endpoint.
  • Used AI Generated art in the website.
  • Used HTML5, CSS3 and JavaScript along with Bootstrap CSS for the frontend.
  • Used Google Maps API for Alien Detection page.
  • Used vercel to Deploy the backend.
  • Used Github Pages to Deploy the frontend.
  • See the Github Repository here.

Challenges I ran into

As I mentioned before, i initially planned to work in a team. where I am only entitled to Build the backend.

After all the plan was made, 3 weeks past. No reply from any other members ( I dont blame them, all had unavoidable reasons ), But i dont want to quit on my first hackathon, so with 1 week remaining i started to do all of it myself.

Since I did not know much about frontend or backend ( I only planned to learn backend properly ), I had to select my tech stack, learn them, generate content, Test it locally, Connect both backend and frontend, Atlast deploy them both.

All in the time span of 1 week with ongoing exams on top of that. Somehow i did not lose the courage and tackled it right away. Patiently Dealing with each aspects of the project. It took several sleepless nights ( I cant do it in day time since i had to prepare attend exams ). But I did it.

What I learned

  • I learned about FastAPI and how to set up endpoints and response models.
  • I learned about CORS and other networking concepts.
  • I learned about Deploying the backend using vercel ( free alternative ).
  • I learned about Bootstrap css and responsive web designs/development.

What's next for SpaceTec Website

  • To use real openAI api for AI chat, since gpt4free is unreliable and inconsistent.
  • To use a proper DataBase, instead of using json data.
  • To better UI/UX of the website.
  • To hide credentials and use premium and safe deployment services.

Built With

Share this project:

Updates