Choose one favorite movie/series of yours. (Sorry but Thallumaala is already taken). Create a wikipedia page for it using your HTML knowledge. You can use all the knowledge from the HTML Beginner Course and you can use any useful content from the internet.

Movie Details

Basic HTML

Let's build a login form using our new found love ❤️ for CSS. In this project you will challenge yourselves by utilizing your knowledge of CSS Basic Course to style a form from boring to beautiful.

Login Form

Basic CSS

DOM Manipulation opens up so many doors for our imagination. Let's use this knowledge to build a game. A fun battleship game! You know the one where you need to sink all the ships. But first you must find them!

Battleship Game

HTML DOM Manipulation

We will use Uploadcare in order to get a link for custom images you want to use in your project while working on Neetocode.

Signing up with Uploadcare

You will be redirected to Uploadcare App at https://app.uploadcare.com/

Now you can simply click on upload button to upload your image.

Once the file gets uploaded a ucarecdn link gets generated instantly. e.g. https://ucarecdn.com/ab2f7769-dc6c-4f75-bb11-d9e2895f72b2/

Now the image cdn link could be used anywhere you want to get that image.

Using Uploadcare

How to upload images and use them in your projects

Congratulations on finishing L1. But wait! It's not over yet. We have one last request. Let's build together a portfolio using all your collective learning from HTML CSS and DOM Manipulation. In this portfolio we can start listing out our projects. This will be great for showing off to friends family and future employers.

Battleship Game

Prerequisites: Basic HTML, Basic CSS, HTML DOM Manipulation

Goals:Selecting elements, hiding elements, showing elements, handling events

Design Specifications

More projects

Movie Details

Login Form

Personal Portfolio

To Do List

Shopping Cart

To Do List in React

Our Work