Discover nizar-ing/my_new_portfolio Open Source project by @nizar-ing

A small react App for teaching purposes. By this app I wanna explain to students how to decide on components, when we use a local state or global state and where the state shoud lives.

Travel-list

This project is a real email app which the frontend is based on angular with all its advanced topics and node.js as a backend stack in order to implement the inner server and the multiple endpoints. It's a complete REST Api in dynamic relation with a noSQL database (mongoDB). Enjoy :)

RealEmailClient

A simple react app in order to be familiar with HTTP requests and how to make connections between our frontend and our fake backend. For that, I'm going to use a fake RESTApi to apply these concepts :)

http-app

A new React SPA application using React router 6 and all advanced topics :)

world-wise-app

E-commerce react app with Firebase of Google as a backend stack

crown-clothing

A full web application using Node.js, Express and MongoDB with mongoose.

natours

react_counter

a simple app created to explain to my students the basic concepts of React.js

pig_game

In this version I used Hooks, contexts and several advanced topics.

CRM-MVC-Spring

rolodex-monsters

HTML

crown-clothing-v2

The tecMovies backend based on MEN technologies (Node, Express, and MongoDB). It's a full backend app (building web server via Node, implementing RESTFul API with several endpoints via Express, and storing and managing data using MongoDB :).

tecMovies_api_node

hotAllo

SCSS

nature_events

It's a very simple Angular app created to teach my students the basics of Angular. I also used the Bulma framework to add some styles :).

password_generator

I used this project to teach students an essantial concept in Angular which is reactive form. In this project, I covered all topics related to this concept.

credit-card

A full web App using React with Redux

e-commerce_clothsApp

The frontend part of a full stack web application based on react which I used all fundamental and advanced topics in this technologie and using the best practice of coding

react_library

TecMovies web app based on React as a frontend and MEN (MongoDB, Express, and Node.js) as backend stacks. It's a simple app that contains the standard features (pagination, filtering, sorting, REST API, ...) and more other features will be set up ... :)

tecMovies

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

dream_houses

HTML

springboot_library

It's the backend part of a library full stack application using spring boot to ensure a full REST API with bunshes of endpoints and managing the necessary business logic and data transfert. MySQL as a DBMS

It's a web application based on node and Express. In order to show the view part I use pug as a templating engine.

products_farm

HTML

Ordres-Caffe

Simple Angular web app that using firestore as a backend

simple angular app using pipes

mastering-pipes

Full React application using all advanced topics used in real world. This application is for teaching purpose.

Games_Discovery_v2

React project for teaching purpose which I aim to explain some advanced features and topics in React such us react-query, global state management, and routing.

playground

Config files for my GitHub profile.

nizar-ing

mathEquationForm

An angular app using Rxjs with reactive form for teaching purpose :)

The frontend part of the entire application "coding_shop" which I used Angular 14 as a frontend technology

coding_shop

A full REST API with Spring Boot 3 for managing todos.

rest-api-todos

This project emphasizes the react router's modern data-loading capabilities and shows how to plan a professional project.

fast-pizza

A complete UI project where I used Tailwind as a poweful low-level styling framework.

clipboard

react app to make in practice all fundamental concepts in React

word-game-motus

nizaron like amazon it will be a complete eCommerce app that includes all features related to this kind of apps. it based on React as a frontend technology and MEN (MongoDB, Express and Node) as backend stacks.

nizaron

By using synfony 4, I realized this web app to manage goods sale.

super_agency

PHP

react-redux-bank

A react app using redux with both the old version and the modern one which is RTK. This app for teaching purpose.

angular app using all topics and features about directives (attribute directives, structural directives, custom directives).

angular_directives

Dynamic Array with QueryBuilder with PHP 7

Dynamic-Array

PHP

Game_Discovery

Web application using React 18 with all advanced features and Chakra UI as a styling framework :)

Simple Spring Boot app using Mockito unit tests for teaching purpose.

mockito-demo

simple angular app: https://nizar-ing.github.io/cards/

cards

A simple angular app : https://nizar-ing.github.io/typing-challenge/

typing-challenge

workshop for understanding advanced css patterns

Phoxul__landing-page

A complete Tailwind website project.

ok_deal

SCSS

loop-studios

A complete website with dark mode feature where I used advanced styling techniques and modern design.

Fylo

react app to make in practice all fundamental testing concepts in React using React-testing-library, Jest, Vitest, MSW(Mock service worker) and more. This work is for teaching purpose.

testing-react-app

The backend part of the entire full stack application "coding_shop" which I used spring boot 3 as a backend technology.

springboot_coding_shop

Perform a simple Form using the driven template forms concept for teaching purpose :)

emailForm

A UI landing page for a restaurant using HTML 5, SASS and the standard of UI design.

Restaurant_Landing_Page

A RestFull wab application using spring boot when we are going to implement all security features provided by Spring security project. This project is for teaching purpose

niza-bank

It's about a complete web application with the traditional two parts: front-office and back-office. I realized this app using the client languages ( HTML5, CSS3, BOOTSTRAP4, and JQuery ). Also, I used PHP7 and MySQL as backend technologies in order to set up our backend. By using these technologies separately I wanted to deepen more my skills there than using two complete platforms like Angular and Symfony which make things easier ( many details will be built-in in these platforms) and this, it's not my purpose at this time.

burger_code

PHP

the-wild-oasis

Full stack react application using many advanced technologies related to react ecosystem and supabase as a backend technology

novemberGmbH