The web is meant to provide a platform to share information easily across the internet, no matter which device the information is viewed on. While the only disparaties between computers accessing the web consisted mostly upon different screen resolution, the rapid growth of mobile devices has changed the requirements a website needs to be accessible on mobile in order to be relevant.

Browse Projects

Let's Get In Touch

Browse Projects

Let's Get In Touch

Explore some of my favorite personal frontend projects I've worked on

Projects Inspired by

TOOLKIT

Learning multiple-programming languages keeps me always developing myself year after year, in other hand using premium tools for deisgning or coding is what makes my projects displayed in it's best look.

- Languages I Speak -

#	Languages	Since	Level of Experience
1	HTML5	2013	95% (In a Good Level)
2	CSS3	2013	85% (In a Good Level)
3	JAVASCRIPT	2013	25% (In Progress Level)
4	SASS	2021	85% (In a Comfort Level)

- Code -

#	Tool	Since	Get it
1	Visual Studio Code	2020	visualstudio.com
2	Adobe Dreamwaver	2014	adobe.dreamwaver.com
3	Notepad ++	2013	notepadlink.net

- VSCode Extentions -

#	Tool	Discription	ID
1	Auto Close Tag	Automatically add HTML/XML close tag	auto-close-tag
2	Auto Rename Tag	Auto rename paired HTML/XML	auto-rename-tag
3	Bracket Pair Colorizer	A customizable extension for colorizing matching brackets	coenraads.bracket-pair-colorizer
4	Community Material Theme	The official community maintained Material Theme with 'legacy' color schemes	equinusocio.vsc-community-material-theme
5	HTML CSS Support	CSS Intellisense for HTML	ecmel.vscode-html-css
6	JavaScript (ES6) code snippets	Code snippets for JavaScript in ES6 syntax	xabikos.javascriptsnippets
7	Live Sass Compiler	Compile Sass or Scss to CSS at realtime with live browser reload	glenn2223.live-sass

- Design -

#	Tool	Since	Get it
1	Flaticon	2021	flaticon.com
2	Unsplash	2019	unsplash.com
4	Material UI	2017	materialui.co
5	Google Fonts	2014	fonts.google.com
6	Iconfinder	2013	iconfinder.com
7	Adobe Photoshop	2011	adobe.photoshop.com

- Frameworks-

#	Framework	Since	Level of Experience
1	BOOTSTRAP 5	2014	99% (In a Good Level)

TOOLKIT

- Languages I Speak -

#	Languages	Since	Level of Experience
1	HTML5	2013	99% (In a Good Level)
2	CSS3	2013	95% (In a Good Level)
3	JAVASCRIPT	2013	25% (In Progress Level)
4	SASS	2021	85% (In a Comfort Level)

- Code -

#	Tool	Since	Get it
1	Visual Studio Code	2020	Get it
2	Adobe Dreamwaver	2014	Get it
3	Notepad ++	2013	Get it

- VSCode Extentions -

Tool	ID
Automatically add HTML/XML close tag	auto-close-tag
Auto rename paired HTML/XML	auto-rename-tag
A customizable extension for colorizing matching brackets	coenraads.bracket-pair-colorizer
The official community maintained Material Theme with 'legacy' color schemes	equinusocio.vsc-community-material-theme
CSS Intellisense for HTML	ecmel.vscode-html-css
Code snippets for JavaScript in ES6 syntax	xabikos.javascriptsnippets
Compile Sass or Scss to CSS at realtime with live browser reload	glenn2223.live-sass

- Degsin -

#	Tool	Since	Get it
1	Unsplash	2019	Get it
2	Material UI	2017	Get it
3	Google Fonts	2014	Get it
4	Iconfinder	2013	Get it
5	Adobe Photoshop	2011	Get it

- Frameworks -

#	Framework	Since	Level of Experience
1	BOOTSTRAP 5	2014	99% (In a Good Level)

CODING PROGRESS

It's Important for every developer to have a special coding progress which will clearfy and makes building any project much more easier and smoother, and here's my simple coding progress of building (Project X): for i.e.:

Understand the overall idea of (Project X) and take notes of the basics and trying to visualize the content inside

1st Step

Start stractur the foundation of (Project X) and make simple design on papers for every page and section

2nd Step

After design all the pages on paper I switch to much more professional software where I give the design a soul with colors and images etc..

3rd Step

Start Coding the (Project X) and bring the final design to life

4th Step

Show (Project X) to it's owner and in case there's some changes I need to do, then, Voila!, (Project X) is Done 😃👍.

5th Step

Firas M. Kingsdom

I'm a Passionate Front-End Engineer From Tunisia

With full passion in technology I started my career in my 14's learning about A.I and the websites mechanism until I discovered that this is what I borned to do in life. After Jumping from sector to another my committed and loyal remained to programming so I followed what I've spent my childhood doing to make it a professional career through the years.

Message me and Let's work together

Certifications	Issued
Responsive Web Design	March 29, 2021	View