{"id":21861160,"url":"https://github.com/drisskhattabi6/front-end-projects","last_synced_at":"2026-04-11T19:05:33.348Z","repository":{"id":158334545,"uuid":"587285575","full_name":"drisskhattabi6/front-end-projects","owner":"drisskhattabi6","description":"This repository contains some of my front-end projects that I create it from scratch, using HTML, CSS, JavaScript","archived":false,"fork":false,"pushed_at":"2024-08-12T15:40:49.000Z","size":3338,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T14:49:02.731Z","etag":null,"topics":["api","css3","front-end","frontend","frontend-mentor","html-css","html-css-javascript","html5","javascipt","javascript","project"],"latest_commit_sha":null,"homepage":"https://drisskhattabi6.github.io/front-end-projects/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/drisskhattabi6.png","metadata":{"files":{"readme":"README.md","changelog":"news-homepage/images/favicon-32x32.png","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-10T11:57:13.000Z","updated_at":"2025-01-13T12:44:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"947f641b-50d3-4a47-b5d4-1015290beffa","html_url":"https://github.com/drisskhattabi6/front-end-projects","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drisskhattabi6%2Ffront-end-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drisskhattabi6%2Ffront-end-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drisskhattabi6%2Ffront-end-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drisskhattabi6%2Ffront-end-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drisskhattabi6","download_url":"https://codeload.github.com/drisskhattabi6/front-end-projects/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244860600,"owners_count":20522466,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","css3","front-end","frontend","frontend-mentor","html-css","html-css-javascript","html5","javascipt","javascript","project"],"created_at":"2024-11-28T03:10:17.133Z","updated_at":"2025-12-30T21:58:48.238Z","avatar_url":"https://github.com/drisskhattabi6.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front-End Projects :\n\n## This is the main repository contains some of my front-end projects.\n\n- visite my portfolio website **[FROM HERE](https://drisskhattabi6.github.io/id-kh)**.\n\n  ![Front-end projects img](img1.png)\n\n\n  **This is all my projects with Technologies Used and Live Demo :**\n  \n| # | Projects Code Source | Technologies Used | Live Demo | Type |\n|:---:|:--------------------------:|:-----------:|:-----------:|:-----------:|\n| 01 | [Crypto Currency Market](https://github.com/drisskhattabi6/front-end-projects/tree/main/crypto%20currency%20market) | HTML + CSS + JS + API |[Live Demo](https://drisskhattabi6.github.io/front-end-projects/crypto%20currency%20market/) | inspired |\n| 02 | [Rest Countries API](https://github.com/drisskhattabi6/front-end-projects/tree/main/rest-countries-api) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/rest-countries-api/) | challenge |\n| 03 | [URL Shortening](https://github.com/drisskhattabi6/front-end-projects/tree/main/url-shortening) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/url-shortening/) | challenge |\n| 04 | [IP Address Tracker](https://github.com/drisskhattabi6/front-end-projects/tree/main/ip-address-tracker) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/ip-address-tracker/) | challenge |\n| 05 | [Memory Game](https://github.com/drisskhattabi6/front-end-projects/tree/main/Memory%20Game) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Memory%20Game/) | my Project |\n| 06 | [Arabic Keyboard](https://github.com/drisskhattabi6/front-end-projects/tree/main/arabic%20keyboard) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/arabic%20keyboard/) | my Project |\n| 07 | [Advice Generator App](https://github.com/drisskhattabi6/advice-generator-app.git) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/advice-generator-app) | challenge |\n| 08 | [Github Profiles](https://github.com/drisskhattabi6/front-end-projects/tree/main/Github%20Profiles) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Github%20Profiles) | inspired |\n| 09 | [Are You Robot](https://github.com/drisskhattabi6/front-end-projects/tree/main/are%20you%20robot) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/are%20you%20robot/) | inspired |\n| 10 | [StopWatch App](https://github.com/drisskhattabi6/front-end-projects/tree/main/StopWatch%20App) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/StopWatch%20App/) | inspired |\n| 11 | [Movie App](https://github.com/drisskhattabi6/front-end-projects/tree/main/Movie%20App) | HTML + CSS + JS + API | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Movie%20App/) | inspired |\n| 12 | [Notes App](https://github.com/drisskhattabi6/front-end-projects/tree/main/Notes%20App) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Notes%20App/) |  my Project  |\n| -- | [To-Do List App](https://github.com/drisskhattabi6/front-end-projects/tree/main/To-Do%20List%20App) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/To-Do%20List%20App/) | my Project |\n| 13 | [Password Generator](https://github.com/drisskhattabi6/front-end-projects/tree/main/Password%20Generator) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Password%20Generator/) | inspired |\n| 14 | [Hoverboard](https://github.com/drisskhattabi6/front-end-projects/tree/main/Hoverboard) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Hoverboard/) | inspired |\n| 15 | [Color Generator](https://github.com/drisskhattabi6/front-end-projects/tree/main/Color%20Generator) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/Color%20Generator/) | inspired |\n| 17 | [Social Media Dashboard](https://github.com/drisskhattabi6/front-end-projects/tree/main/social-media-dashboard) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/social-media-dashboard/) | challenge |\n| 18 | [Sunnyside Agency LP](https://github.com/drisskhattabi6/front-end-projects/tree/main/sunnyside-agency-lp) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/sunnyside-agency-lp/) | challenge |\n| 19 | [Fylo LP](https://github.com/drisskhattabi6/front-end-projects/tree/main/fylo-lp) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/fylo-lp/) | challenge |\n| 20 | [Fylo Dark Theme LP](https://github.com/drisskhattabi6/front-end-projects/tree/main/fylo-dark-theme-lp) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/fylo-dark-theme-lp/) | challenge |\n| 21 | [News Homepage](https://github.com/drisskhattabi6/front-end-projects/tree/main/news-homepage) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/news-homepage/) | challenge |\n| 22 | [Huddle LP 1](https://github.com/drisskhattabi6/front-end-projects/tree/main/huddle-lp1) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/huddle-lp1/) | challenge |\n| 23 | [Huddle LP 2](https://github.com/drisskhattabi6/front-end-projects/tree/main/huddle-lp2) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/huddle-lp2/) | challenge |\n| 24 | [Rating Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/interactive-rating-component) | HTML + CSS + JS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/interactive-rating-component/) | challenge |\n| 25 | [YelpCamp LP](https://github.com/drisskhattabi6/front-end-projects/tree/main/YelpCamp-lp) | HTML + CSS| [Live Demo](https://drisskhattabi6.github.io/front-end-projects/YelpCamp-lp/) | challenge |\n| 26 | [404 not found page](https://github.com/drisskhattabi6/front-end-projects/tree/main/404-not-found) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/404-not-found/) | challenge |\n| 27 | [Coming Soon Page](https://github.com/drisskhattabi6/front-end-projects/tree/main/ping-coming-soon-page) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/ping-coming-soon-page/) | challenge |\n| 28 | [Price Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/price-component) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/price-component/) | challenge |\n| 29 | [3 Column Card Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/3-col-card-component) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/3-col-card-component/) | challenge |\n| 30 | [4 Card Feature](https://github.com/drisskhattabi6/front-end-projects/tree/main/4-card-feature) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/4-card-feature/) | challenge |\n| 31 | [Order Summary Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/order-summary-component) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/order-summary-component/) | challenge |\n| 32 | [Product Preview Card](https://github.com/drisskhattabi6/front-end-projects/tree/main/product%20preview%20card) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/product%20preview%20card/) | challenge |\n| 33 | [Stats Preview Card](https://github.com/drisskhattabi6/front-end-projects/tree/main/stats-preview-card) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/stats-preview-card/) | challenge |\n| 34 | [Profile Card Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/profile-card-component) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/profile-card-component/) | challenge |\n| 35 | [QR Code Component](https://github.com/drisskhattabi6/front-end-projects/tree/main/qr%20code%20component) | HTML + CSS | [Live Demo](https://drisskhattabi6.github.io/front-end-projects/qr%20code%20component/) | challenge |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrisskhattabi6%2Ffront-end-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrisskhattabi6%2Ffront-end-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrisskhattabi6%2Ffront-end-projects/lists"}