ahlamkhalid Goto Github PK

calendar

A calendar where you can add, edit, and delete events. Also, you can see how many events in each day and lists events in a specific day.

card-design-html-css

How To Create Card Design For Website With HTML & CSS

cart-vue-3

How To Build a Shopping Cart with Vue 3 and JSON Server [Composition API]

classic-arcade-game

A game where player tries to reach the water without colliding with enemies. Made using JavaScript object-oriented programming.

company-blog

Company blog where user can publish articles. The blog has news, events and tips sections. User can add a new article to any section. This project is a Fullstack project. Built using Vue.js in the frontend and Node.js in the backend.

custom-checkbox-radio

Learn how to make custom checkbox & radio button using HTML & CSS.

custom-file-upload-drag-and-drop

How To Make Custom File Input in HTML & CSS & JavaScript with Drag & Drop Interaction

expandable-navigation-menu

How to build an expandable navigation menu easily | HTML & CSS & Javascript

explore-makeup

Get data from API using jQuery. We filter makeup data by brand, product type, and price. We can also clear those filters.

explore-makeup-react

In this project, we get data from external API using React. We filter makeup data by brand, product type, and price. We can also clear those filters. Here, we use react functional components and the new react hooks like useState & useEffect. To get the data, we use axios. This project is mobile-friendly.

get-countries-from-api-angular

What we will build: Get & Filter Data From API using the framework Angular.

get-countries-from-api-react

What we will build: Get & Filter Data From API using the framework React.

get-countries-from-api-vue

get-data-from-api

Learn how to get data from Countries API using axios. Also, how to write asynchronous requests using async/await to make the code more readable. How to use different API endpoints to get different results. How we can use radio buttons to change the displayed data. Lastly, how to show the data in a cool & modern interface :) You are going to use HTML & CSS & Javascript.

manipulate-dom-with-javascript

How to work with DOM using Javascript. For example, accessing DOM elements, changing their contents, show/hide them based on conditions, using data-* attribute, display dynamic data, and more!

memory-game

A game where you match each card with another one that has the same symbol. Made using ECMAScript 6.

modal-with-javascript

How to build a modern modal with blurred background using Javascript. This project helps to tune your css skills & control the modal with javascript.

modern-ui

Converting a home page design into HTML and CSS. This design is for a mobile version of the website. Converting a design is an essential part of Front-end development :)

newsletter-form

Let's Build a Stylish Newsletter Form (IN Light & Dark Theme!)| HTML & CSS

portfolio-site

A fully responsive portfolio made by media queries and flexbox layout.

portfolio-website

Build a personal portfolio website. You will learn how to build it from scratch, make it fully responsive, and add three different themes. We’re going to use HTML, CSS, and JavaScript.

pricing-tables-html-tailwindcss

How to create pricing tables using HTML & Tailwind CSS!

quiz-app-with-react

You will work on: Get questions from Open Trivia Database, user can select answers, show user score, highlight correct & wrong answers, and play again.

responsive-footer

How to build a responsive footer with CSS Flexbox | HTML & CSS

responsive-mega-dropdown-menu

Build responsive mega dropdown menu & navigation bar using HTML, CSS, and Javascript.

responsive-table-html-tailwind-javascript

In this video, we will build a responsive table using HTML, Tailwind CSS, and Javascript. We are going to use an API to get & search users data.

restaurant-reviews

The website lets the user choose which neighborhood and of what type of cuisine the restaurant is. Then, it lists more details of each restaurant such as its location, working hours, reviews.

rss-feed-reader

Using jasmine framework to test a pre-existing application.

shopping-cart-design

Build a Shopping Cart Design Using HTML, CSS, Javascript

shopping-cart-javascript

We will build a shopping cart with Javascript. This means that we will work on functionalities we always see in shopping carts in real E-commerce websites.