Welcome,
I'm NoorHan,
a Frontend Developer
const
frontendDeveloper
=
{
name:
'
NoorHan
'
,
title:
'
Frontend Developer
'
,
skills:
['HTML'
,
'CSS'
,
'Bootstrap'
,
'Javascript'
,
'jQuery'
,
'SASS'
,
'React'
,
'React Router Dom'
,
'Redux Toolkit'
,
'Redux'],
tools:
['GitHub'
,
'Git'
,
'Webpack'
,
'NPM'
,
'Postman'],
hardWorker:
true
,
quickLearner:
true
,
problemSolver:
true
,
employable:
function
() {
return
(
this.hardWorker
&&
this.problemSolver
&&
this.skills.length
>=
5
);
}
}
My name is NoorHan, and I am passionate about front-end development. Although I graduated with a degree in Sociology from the Faculty of Arts at Cairo University, I found my interest leaning towards the tech field and decided to change my career path. To make this career shift, I completed a Diploma in Computer Science at the Faculty of Graduate Studies for Statistical Research, Cairo University.
Nest Ecommerce
const
project
=
{
name:
'
Nest Ecommerce
'
,
tools:
['React.js'
,
'JavaScript'
,
'JSX'
,
'CSS'
,
' React-Bootstrap'
,
'Redux toolkit'
,
'Json-Server'
,
'REST API'],
myRole:
Frontend Developer
,
Description:
'
This project is an e-commerce website for selling food products. Key features include product listings, add-to-cart and remove-from-cart functionalities, and user authentication (sign-up and login). The sign-up and login functionalities are implemented without a backend, and the product data is managed using JSON Server. The project is built using JavaScript, React.js, JSX, CSS, React-Bootstrap, React-Router-Dom, Redux Toolkit, and is fully responsive.
'
,
}
Admin Dashboard
const
project
=
{
name:
'
Admin Dashboard
'
,
tools:
['React.js'
,
'JavaScript'
,
'JSX'
,
'CSS'
,
' React-Bootstrap'
,
'Json-Server'
,
'REST API'],
myRole:
Frontend Developer
,
Description:
'
This project is an Admin Dashboard for tracking daily habits. Key features include a calendar for visualizing habits, sticky notes for quick reminders, a form to add new habits to the table, and a to-do list for managing tasks. The dashboard also features line, pie, and bar charts for progress visualization. The project is built using JavaScript, React.js, JSX, CSS, and React-Bootstrap. User data is managed using JSON Server.
'
,
}
Greeny
const
project
=
{
name:
'
Greeny
'
,
tools:
['HTML'
,
'CSS'
,
'Javascript'
,
'Bootstrap'
,
'jQuery'
,
'REST API'],
myRole:
Frontend Developer
,
Description:
'
This project is an e-commerce website for selling food products. Key features include product listings, add-to-cart and remove-from-cart functionalities, and user authentication (sign-up and login). The sign-up and login functionalities are implemented without a backend, and the product data is stored manually in a JSON file.
'
,
}
Greens Garden
const
project
=
{
name:
'
Greens Garden
'
,
tools:
['HTML'
,
'SASS'
,
'Javascript'
,
'Json-Server'
,
'REST API'],
myRole:
Frontend Developer
,
Description:
'
This project is an e-commerce website for selling flowers. Key features include product listings, add-to-cart functionality, and user authentication (sign-up and login). The sign-up and login functionalities are implemented without a backend, and the product data is managed using json-server
'
,
}
Sticky Notes
const
project
=
{
name:
'
Sticky Notes
'
,
tools:
['HTML'
,
'CSS'
,
'Bootstrap'
,
'JavaScript'
,
'Json-Server'
,
'Json-Server-auth'],
myRole:
Frontend Developer
,
Description:
'
This project is for writing notes, adding, deleting, and updating notes. It requires sign-up and login functionalities, and uses JSON Server and JSON Server Auth. The project also features dark and light themes and allows users to log out. It is built using HTML, CSS, Bootstrap, JavaScript, JSON Server, and JSON Server Auth.
'
,
}
Electronic Rosary
const
project
=
{
name:
'
Electronic Rosary
'
,
tools:
['HTML'
,
'CSS'
,
'Javascript'
,
'Json-Server'
'Bootstrap'],
myRole:
Frontend Developer
,
Description:
'
This project is an electronic rosary application designed to provide a variety of Azkar for morning and evening. The app fetches these Azkar using an API and uses JSON Server. It also allows users to choose between multiple colors and features both dark and light themes. The project is built using HTML, CSS, JavaScript,Json-Server,and Bootstrap.
'
,
}
Tic Tac Toe
const
project
=
{
name:
'
Tic Tac Toe
'
,
tools:
['HTML'
,
'CSS'
,
'Javascript'],
myRole:
Frontend Developer
,
Description:
'
This project is a classic Tic-Tac-Toe game where two players can enter their names and compete against each other. The game allows players to take turns marking spaces in a 3×3 grid, aiming to be the first to get three of their marks in a row (horizontally, vertically, or diagonally).
'
,
}
Calculator
const
project
=
{
name:
'
Calculator
'
,
tools:
['HTML'
,
'CSS'
,
'Javascript'],
myRole:
Frontend Developer
,
Description:
'
This project is a simple calculator application that allows users to perform basic arithmetic operations such as addition, subtraction, multiplication, and division. It also features dark and light themes for user preference. The project is built using HTML, CSS, and JavaScript.
'
,
}
GaaS Software
const
project
=
{
name:
'
GaaS-Software
'
,
tools:
['HTML'
,
'CSS'
,
'Bootstrap'],
myRole:
Frontend Developer
,
Description:
'
This project was created as part of a training program. It is a responsive website built using HTML, CSS, and Bootstrap.
'
,
}
Time Zone
const
project
=
{
name:
'
Time Zone
'
,
tools:
['HTML'
,
'CSS'
,
'Bootstrap'],
myRole:
Frontend Developer
,
Description:
'
This project was created as part of a training program. It is a responsive website built using HTML, CSS, and Bootstrap.
'
,
}
Ice Cream
const
project
=
{
name:
'
Ice Cream
'
,
tools:
['HTML'
,
'CSS'],
myRole:
Frontend Developer
,
Description:
'
This project was created as part of a training program. It is a responsive website built using HTML, CSS.
'
,
}
August 2022 - May 2023
Diploma, Front End Developer
Eraasoft
2018 – 2020
Diploma, Computer Science at Faculty Of Graduate Studies For Statistical Research
Cairo University
2014 – 2018
Faculty Of Arts, Department Of Sociology
Cairo University
If you have any questions or need further information, please feel free to reach out to me. I'm open to opportunities that match my expertise and interests.