Keroles Adel

Technologies Used


Frontend Framework: React.js .


Styling: Bootstrap, CSS3 .


HTTP Client: Axios .


Testing Tools: Postman .


Routing: React Router .


Language: JavaScript (ES6+) .


Project Description


This project is a Facebook-like web application
built to simulate the essential features of a social
media platform. It was developed as a personal
project to improve frontend development skills
and gain practical experience in building dynamic
.user interfaces


Core Features


User authentication (sign up, login, logout) .


Create and delete posts .


Like, comment, and interact with posts .


View and update user profile .


Real-time Ul updates using React state .


Responsive layout using Bootstrap .


Testing


All API interactions were tested and .
validated using Postman


Axios was used for making RESTful API .
calls, with proper error handling


Objectives Achieved


Improved understanding of React.js and .
component-based architecture


Gained experience in APl integration using .
Axios


Practiced responsive web design with .
Bootstrap


Understood the basics of RESTful .
communication and Postman usage

E-Commerce-Shop is a fully functional e-
commerce front-end application built with React
JS. It utilizes React Router for smooth navigation
between pages, React Bootstrap for responsive
state includes and design, اU modern and
management to ensure seamless user
interactions


The application features all the core pages of a
:standard e-commerce store, such as


Product listing and detailed product view .


Shopping cart page .


Checkout process


User login/register .


٠ page confirmation Order


This project simulates a real-world online
shopping experience and serves as a solid
foundation for integrating with backend services
.or APIs in future development

Wetter-App is a responsive weather application built with React.js. It uses Axios to fetch real-time weather data from public APIs, and leverages Material UI for a clean, modern, and responsive user interface.

Key features include:

Current temperature and weather condition

Sky status (sunny, cloudy, rainy, etc.)

Wind speed and humidity

Daily forecasts

The app is fully responsive and works seamlessly across devices. This project showcases practical integration of live APIs in a React environment and highlights best practices in UI design and data handling.