đź‘‹

Hello, I am

Nizar

University Teacher

Full Stack Web Developer

profile_bgprofile_circle
circle
circle
circle
circle

Everyone should think on Design first,
Good Design means Good Business

Web Development

Web Development

The philosophie of web programming is changed. We have to be always up to date. I love this area because I usually have something to learn.

Frontend

Frontend

I am up to date regarding several frontend stacks. Focusing on UI needs, deciding on components and folowing appropriate methodologies make the web so awesome.

Backend

Backend

I have the experience as a web developer, as an instructor as well to manage data, perform endpoints, handle authentication and insure the business logic which are the 4 pilars of the backend side.

The desire to learn

The desire to learn

In our field, which is an area that is constantly evolving, it's highly recommended to no stop the desire of learning. For me learning about new technologies is an essantial key to progress.

Teaching

Teaching

As a university teacher, I have taught students the best practice of coding and how to use full stack applications across multiple platforms using latest industry-adopted technologies and frameworks.

Seminars participation

Seminars participation

I have participated in several seminars organized by our ministry in order to be up to date regarding the recent technologies.

My Creative Portfolio section

UI/SASS
UI/Tailwind
Javascript
React/Sanity
React/Node.js
React/Firebase
React/Spring-boot
Angular/Firebase
Angular/Spring-boot
Node.js
Angular/Node.js
All

Nature_Events

I realized this project using only HTML and modern CSS. It's a desktop web app using all modern CSS features and following the BEM approach of SASS. that includes animations, geometric rules, modern css properties, and more.

UI/SASS

HotAllo

I realized this work based on SASS following BEM approach and using flex layouts. Flex layout made a real progress in how position elements and components inside our web pages

UI/SASS

Fylo

I performed this project using Tailwindcss framework with dark mode feature. A complete website where I used advanced styling techniques and modern design.

UI/Tailwind

Dream_Houses

It's a responsive web app using modern staff technologies such us sass and BEM approach which I used the grid layout to place my web elements. The world of web is so amazing

UI/SASS

NizaRestaurant

It's a responsive landing web page using modern staff technologies such us sass and BEM approach which I used advanced UI standards to built this page.

UI/SASS

Loop

I performed this work using the awesome Tailwind framework. Interactive VR website with several themes and colors.

UI/Tailwind

Snacke_Game

I performed this game with only Javascript. Using the concept of objects in Javascript programming language I made several features to satisfy properly all rules related to this game

Javascript

Pig_Game

I realized this work using only vanilla javascript with some styling of corse. I focused on DOM management and native javascript features in order to perform properly this game

Javascript

E-Commerce_Store

The great complete frontend Platform "Angular of Google" and the powerful Firebase as a backend make the web programming so wonderful. The philosophy of web programming is changed and we have to be always up to date

Angular/Firebase

E-Commerce_ClothingApp

It's a full web App using React with Redux as frontend stacks and firebase as a backend stack. In this project, I fill out all the needs that demand an ecommerce-app, I cover as well all the advanced topics existed in react

React/Firebase

nizar-wild-oasis

I developed a comprehensive React application, utilizing modern, advanced, real-world features, and integrating various third-party libraries from the React ecosystem. On the backend, I employed Supabase as a robust database solution to manage the application’s data efficiently.

React/Firebase

Tec_Movies

In this work, I continue with react as a powerfull frontend library for building awesome UI and Node.js with MongoDB as backend stacks. React and Node.js allows as to work fullstack by using only javascript as a programming language

React/Node.js

My_Current_Portfolio

I realized this personal website using react, HOCs, framer-motion and several other advanced topics as frontend stacks. I was choosing sanity as a backend stack because of its practice and efficiency.

React/Sanity

nizar-email-app

This project is a real client email. I used Angular as a frontend stack with all advanced topics and Node.js as a backend stack with its server side stacks such as express.js and mongoDB

Angular/Node.js

Coding_Shop

A full-stack e-commerce web app which I used Angular as a frontend stack and spring boot as a backend stack. #Angular 14, #Rxjs, #Reactive Forms, #Http services, #Authentication, #Spring boot, #MySql.

Angular/Spring-boot

Node_Farm

A simple app based on Node.js. In this project I focused on SSR using node and I built a simple web server that manage the business logic according to each url (routing).

Node.js

GAMEZzz

A full stack web application for video games clips which I used Angular with its all fundemantals and advanced concepts and Firebase of google as a backend stack.

Angular/Firebase

GamesDiscovery

A full stack web application using React and Chakra UI as frontend stacks and RAWG as endpoints API for fatching data. I have used in this project all advanced topics following the best practice of coding

React/Chakra UI

NizaRead

A full stack web application for managing online library. In this project I used React,and bootstrap as frontend stacks. As backend stacks, I choosed Spring boot to perform my library web service besides MySQL as a DBMS for managing data.

React/Spring-boot

Niza_Pizza

A Full React application when I have used Redux toolkit and the advanced react router capabilities ( Thunk, AsyncThunk, selectors, loaders, actions ...).

React/Spring-boot

World-Wise

A react application where I used advanced state management using the context API. In this project I have used the geolocation feature which is an important feature in web modern. This work was built for teaching purposes.

React/Node.js

Skills & Experience

HTML5

HTML5

CSS3

CSS3

SASS

SASS

Bootstrap

Bootstrap

Bulma

Bulma

Chakra UI

Chakra UI

Tailwind

Tailwind

Javascript

Javascript

ECMAScript

ECMAScript

Typescript

Typescript

React

React

Redux

Redux

Angular

Angular

Node.js

Node.js

Express.js

Express.js

GraphQL

GraphQL

MongoDB

MongoDB

Sql

Sql

PHP7

PHP7

MySQL

MySQL

Java

Java

UML2.0

UML2.0

Firebase

Firebase

Github

Github

Spring

Spring

Spring boot

Spring boot

Hibernate

Hibernate

Docker

Docker

2008 -> 2009

Web Developer

Best Engineering

Building web apps for use by certain call centers. In this experience, I worked with PHP and MySQL as technologies.

2009 -> Now

University Teacher

Ministry of Higher Education, Technology and Scientific Research, Tunisia

Teaching students the best practice of coding and how to use full stack applications across multiple platforms using latest industry-adopted technologies and frameworks. Supervision of students and animation of development club. Assistance of several training seminars.

2017 -> Now

Full Stack Web Developer

Nachd IT

• Web Design: Develop visually appealing web pages using SASS and Tailwind CSS, based on provided prototypes. •Frontend Development: Choosing between React 18 and Angular 14 to develop the entire frontend of web applications depends on projects nature, ensuring a seamless and responsive user experience. •Backend Development: Build internal servers and craft RESTful APIs using Node and Express, manage databases (MongoDB, MySQL), using Spring Boot 3, Spring Web, Spring Rest and Spring Data JPA with Hibernate to perform all backend stuffs. •Testing: Implement Testing (unit and integration tests) using Jest and Jasmine libraries for frontend and Employ JUnit and Mockito for Spring Boot projects to ensure code reliability and functionality. •Coaching and Team Development: Guide and support junior developers, contributing to overall team performance.
Nader, Innovation Development Engineer electronics

Nizar is very proactive and tireless, who would make a great addition to any team, very organized and methodical and has high human qualties, I would highly recommend him for any position as he naturally rises to the occasion when presented with something he is passionate about.

Nader, Innovation Development Engineer electronics

ITW Automotive Products GmbH, Deutschland