Hello world

• 

  Hero section

• 

  Languages

• 

  Language tutorial

Inspiration: i had the thought to have a website that lets you make the the iconic helloworld code in any possible coding language.

What it does: the website has ten languages to try from. you select one of the 10, then you can copy the code, or use the code block as a reference and use an online editor, to try for yourself. in addition there is an ai chatbot to talk about your code.

How we built it: i crafted out the prompt using Gemini, once i was comfortable i pasted the code i bolt, and almost literally everything a wanted was included.

Challenges we ran into: the code block that was produced had funny color array code included with the actual code thus making the code look crazy, additionally the ai experimenter was needed to integrate with the backend, and that was a challenge.

Accomplishments that we're proud of: i am proud that i got literally everything i wanted with just one prompt.

What we learned: first impressions matter. understanding how the model translates your requests, will take time and it helps when you put structure in what you want and are explicit with it.

What's next for Hello world: maybe enhancing the learning experience. such as, based on user progress, difficulty, and areas of struggle, the AI can suggest the "next" logical tutorial, a relevant micro-challenge, or additional resources.

Built With

• api:
• build
• css
• database:
• deno)
• deployment
• development-tools-package-manager:-npm-linting:-eslint
• edge
• environment:
• eslint
• frameworks/libraries:-react
• functions
• functions:
• gemini
• google
• html
• javascript
• languages:-typescript
• lucide
• netlify
• node.js
• on
• platform:
• postgresql
• react-router-dom
• running
• runtime
• supabase
• tailwind-css
• tool:
• typescript
• vite