Utilizing your current skills and the desire to learn new ones, the aim of the Single Page Project is to create something challenging. What you choose to build and add to the community gallery of single page projects is entirely upto you. You can build anything such as a portfolio template, a landing page, a fan page, a mini game (such as Pairs, Hangman, snake etc), a calculator, a quiz, name generator, color picker, todo list.
The project you build can be as simple or as complex as you like, so this challenge is suitable for students of all stages of their learning journey. If you are currently learning HTML and CSS, you can build a landing/fan/portfolio type page using everything you have learnt about HTML and CSS so far. Or if you are jumping into the JavaScript section you can try your hand and making a mini game or quality of life tool such as a calculator or todo list. Be sure to conform to the rules laid out below though.
The rules are simple:
- The code you write must be your own. Using articles and resources to guide you is fine, but copy and pasting large chunks of code will not help improve your skills.
- All your code MUST be written in a single HTML file within the submissions directory of this repo.
- You cannot utilize any external resources such as API's, Images, Libraries etc
- Push your boundaries, try something new or add a twist.
If you've never forked a repository or made a pull request before, we recommend making your first one over at https://github.com/zero-to-mastery/start-here-guidelines. That will count towards your total, and then you'll be ready to take on this challenge with your new GitHub skills!
A cool resource to learn about the fork workflow can also be found here - https://www.atlassian.com/git/tutorials/comparing-workflows/forking-workflow
Now, once you've forked this repo and got a local version up on your computer, follow these steps:
- In the
Submissionsdirectory, create a HTML file using your Github username as the filename. - Using only this HTML file create your project! It can be as simple or as complex as you like. This file should contain all your HTML, CSS & JS
- In the submissions section below, add the details of your submission, using the following example as a guide.
- [PROJECT TITLE](SUBMISSION URL) - By: [YOUR NAME](YOUR GH URL)
- Fashio Blog - By: Avinash DV
- Chinese New Year - By: Miracle
- Wedding Landing Page - By: Matt
- Matteos Trattoria - By: Matt
- Jaguar Field Notes - By: procesorplus
- Portfolio Page (Landing/About) - By: Brey Rivera
- Smooth Scroll Template - By: Joe
- Introduction - By: Jeet Viramgama
- Simple Crypto Hover Effect - By: Shivam Lamba
- My card Portfolio - By: Thierry Rakotomanana
- Portfolio - By: Md-Aquib
- ROCK PAPER SCISSOR LIZARD SPOCK - By: CARLOS PIANETA
- Checkbox Filters - By: Dimitar Radulov
- Portfolio-Landingpage - By: Salvatore Marotta
- Agency Landing Page - By: Carlos Hernandez
- Digital Clock - By: Mariano-JR
- Pricing Page - By: Mohak
- Typewriter Effect - By: Alex
- Satoshi's Converter - By: Almopt
- Tic tac toe -By: sherawat-Lokesh
- House Garbage Management website - By: Fly0w
Please note: As with all ZTM challenges there is zero benefit or monetary gain ZTM receives from it. This is just our way of thanking students and making sure that you are able to continue gaining valuable knowledge outside of just the course videos. It would mean a lot to us if you are able to rate the course(s) you are taking...5 star reviews makes Andrei's day :)