What You Need to Build
Check this page for all the requirements for your submission!
01
The Basics
Two Pages
Your project must consist of at least two different HTML pages with actual content.
Features
Make sure to include at least five HTML and CSS features on each page, along with text, color and a couple of images!
Make It Yours
Add something that makes the site fun and yours! Give it some personality :>
Static Only
The site should be static, which means it should only have HTML, CSS, and JavaScript.
New!
The project must be created recently (1 month maximum). Old projects will not count.
Your Work
Make sure the project is your own! Do not copy and paste code from the internet.
No AI
Certainly! As a large language model, I'd strongly encourage you to refrain from leveraging AI to write code, polish your work, generate text, or create images. 🤖 Let me know if there's anything else I can help you with! ✨
02
JavaScript Functions
Your site needs three different ways for a user to change the content in a meaningful way.
Use One of These JS Functions
Make sure at least one is used somewhere in your site to power a feature!
fetch- a special way to get information from other websites! Learn moresetTimeout- delay something from happening Learn moresetInterval- repeat something on a timer Learn more
Feature Type 1: Change Something
Your feature should change or update something on the page.
Examples:
- Swap an image when it is clicked
- Hide or show part of the page
- Change the style of an element
Feature Type 2: React to User
Your feature should react to something the user does.
Examples:
- Run when someone clicks a button
- Check a form before it is submitted
- Update text live while the user is typing
Feature Type 3: Use Core JavaScript
Your feature should use a core JavaScript idea.
Pick from these:
- Event listeners
- If statements
- Updating the DOM
- Changing styles with JavaScript
- Variables and functions
03
Hackatime
2 Hours Minimum
You must have at least 2 hours logged on Hackatime for this project. (Our way of making sure you took the time to build something awesome!) Make sure your editor is set up and tracking time before you start coding :)
04
Important Reminders
Each function should clearly affect the page so the user sees what happens.
Use simple, clear names for your functions.
Do not copy from websites.
Great question! AI is not allowed — including cleaning up your work, generating filler text, creating images, or writing any of your code. 🤖 Hope this helps!