Ahlam Karkashan's repositories
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.
Cart-Vue-3
How To Build a Shopping Cart with Vue 3 and JSON Server [Composition API]
Shopping-Cart-Design
Build a Shopping Cart Design Using HTML, CSS, Javascript
Workout-dashboard
Converting a design of workout tracker dashboard into HTML and SASS. There is an ability to switch between light/dark themes. The dashboard is fully responsive.
Expandable-navigation-menu
How to build an expandable navigation menu easily | HTML & CSS & Javascript
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.
Task-Management-System-HTML-CSS-Javascript
Build a Complete Responsive Task Management System | HTML & CSS & Javascript
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.
Explore-Makeup
Get data from API using jQuery. We filter makeup data by brand, product type, and price. We can also clear those filters.
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.
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!
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
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
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-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.
Newsletter-Form
Let's Build a Stylish Newsletter Form (IN Light & Dark Theme!)| HTML & CSS
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!
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.
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.
Signin-form
Build a sign in form using HTML & CSS. The design provides signing in using email & password or using sign in providers.
sweets-store
Building a landing page for sweets store with HTML & CSS. I'm using flexbox, grid, pseudo elements, and more! Also, it's fully responsive!