Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/drisskhattabi6/front-end-projects

This repository contains some of my front-end projects that I create it from scratch.
https://github.com/drisskhattabi6/front-end-projects

api css3 front-end frontend frontend-mentor html-css html-css-javascript html5 javascript project

Last synced: about 1 month ago
JSON representation

This repository contains some of my front-end projects that I create it from scratch.

Host: GitHub
URL: https://github.com/drisskhattabi6/front-end-projects
Owner: drisskhattabi6
Created: 2023-01-10T11:57:13.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-08-12T15:40:49.000Z (5 months ago)
Last Synced: 2024-08-12T18:14:37.886Z (5 months ago)
Topics: api, css3, front-end, frontend, frontend-mentor, html-css, html-css-javascript, html5, javascript, project
Language: CSS
Homepage: https://drisskhattabi6.github.io/front-end-projects/
Size: 3.18 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: news-homepage/images/favicon-32x32.png

Awesome Lists containing this project

README

        # Front-End Projects :

## This is the main repository contains some of my front-end projects.

- visite my portfolio website **[FROM HERE](https://drisskhattabi6.github.io/id-kh)**.

  ![Front-end projects img](img1.png)

  **This is all my projects with Technologies Used and Live Demo :**

  

| # | Projects Code Source | Technologies Used | Live Demo | Type |

|:---:|:--------------------------:|:-----------:|:-----------:|:-----------:|

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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  |

| -- | [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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |

| 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 |