Software Engineering

Creating a frontend for the Word Play Game with FastAPI Templates

This course introduces learners to the process of building a web interface for the LLM prediction game using HTML, CSS, and JavaScript. By the end, players can interactively play the game, submit guesses, see scores, and compete on a leaderboard.

CSS

HTML

JavaScript

See path

3 lessons

25 practices

3 hours

Front-End Development

Course details

Building the Game Interface

Preview

Serve HTML Template via FastAPI Root Route

Build Basic HTML Template for LLM Prediction Game

Build the Game Interface Container

Add Start Button to LLM Prediction Game Interface

Add Hidden Info Section with LLM Details

Add Response Div and Guess Table

Add Guess Input Block to Prediction Game

Implement Result and Leaderboard Sections

Add Static CSS and JS Links to FastAPI Template

Previous Course

Turn screen time into skills time

Practice anytime, anywhere with our mobile app.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

Creating a frontend for the Word Play Game with FastAPI Templates

Course details

Unit 19 practices62 min

Unit 28 practices56 min

Unit 38 practices56 min

Turn screen time into skills time

Join the 1M+ learners on CodeSignal

From our community

From our community