Hello,
I am
  Hana Berhe

I build responsive full-stack web applications using React, Node.js, Express, and MySQL. I enjoy turning ideas into clean, practical products with authentication, APIs, and database-driven features.

View Projects
Hana Berhe

Full Stack Developer

About Me

About

Junior full-stack developer with an engineering background.

My name is Hana Berhe. I studied Electrical Engineering at Addis Ababa University and now build web applications that combine clean interfaces with practical backend functionality.

I focus on responsive design, React components, REST APIs, authentication, and MySQL database integration. I am actively building projects that show real product workflows from frontend to backend.

  • Full Name:Hana Berhe
  • Role:Junior Full Stack Developer
  • Education:Electrical Engineering, AAU
  • Location:Winnipeg, Canada
  • Email:hanagebc@gmail.com
  • Stack:HTML, CSS, Bootstrap, Node.js, React, MySQL
Frontend

HTML, CSS & Bootstrap

Responsive layouts, landing pages, forms, cards, navigation, and mobile-first UI.

React

React Development

Components, props, state, routing, reusable UI patterns, and API-driven interfaces.

Backend

Node.js & Express

REST routes, authentication logic, validation, protected endpoints, and server-side workflows.

Database

MySQL

Schema design, CRUD operations, relational data, and connecting frontend apps to stored data.

My Resume

Achievements

Education

  • Undergraduate Degree
    Electrical Engineering- Addis Ababa University (AAU)

    Completed undergraduate studies in Electrical Engineering in Addis Ababa, Ethiopia.

  • Current
    Full Stack Web Development- Winnipeg, Canada

    Currently learning HTML, CSS, Bootstrap, Node.js, React, MySQL, Git, and modern web development workflows.

  • Ongoing
    Portfolio Projects- Practice & Learning

    Building personal projects to practice responsive design, JavaScript, React components, backend APIs, and database skills.

Learning Focus

  • Frontend
    Responsive UI- HTML, CSS, Bootstrap

    Creating responsive layouts, navigation, sections, cards, forms, and clean user interfaces.

  • Frontend Framework
    React Development- Components & State

    Learning React components, props, state, reusable UI patterns, and project organization.

  • Backend
    Node.js & MySQL- Backend Basics

    Learning server-side JavaScript, routes, APIs, database design, and connecting frontend apps to backend data.

Core Skills

Skills
Responsive UI

Responsive UI

Designing clean, mobile-first layouts with accessible sections, cards, forms, and navigation.

Responsive UI

Designing clean, mobile-first layouts with accessible sections, cards, forms, and navigation.

Read more
web design

Frontend Logic

Building interactive pages with JavaScript, reusable components, validation, and clear user flows.

Frontend Logic

Building interactive pages with JavaScript, reusable components, validation, and clear user flows.

Read more
development

Backend APIs

Creating REST routes, authentication logic, database queries, and server-side features.

Backend APIs

Creating REST routes, authentication logic, database queries, and server-side features.

Read more
seo friendly

React Components

Creating reusable React components with props, state, routing, and clean project structure.

React Components

Creating reusable React components with props, state, routing, and clean project structure.

Read more

My Projects

Portfolio
  • ALL
  • FRONTEND
  • BACKEND
  • FULL STACK
  • API
  • REAL-TIME
Flagship project

TaskFlow - Full-Stack Task Manager

A Trello-style productivity app with JWT login, protected routes, task CRUD, filters, and a responsive dashboard for managing projects from start to finish.

JWT AuthTask CRUDProtected RoutesDashboard UI
  • Goal : Prove end-to-end full-stack skills
  • Role : Full-Stack Developer
  • Tech : React, Node.js, Express, MySQL
  • Features : JWT login, CRUD tasks, status filters, validation
  • Links : Demo Preview | Source Code
Security focused

AuthHub - Login & Role System

A focused authentication system with signup, login, password hashing, session/JWT handling, user profiles, and role-based protected pages.

Password HashingJWT / SessionUser RolesForm Validation
  • Goal : Show real-world authentication logic
  • Role : Backend + Frontend Developer
  • Tech : Node.js, Express, MySQL, Bootstrap
  • Features : Signup, login, logout, role-based access
  • Links : Demo Preview | Source Code
API integration

WeatherWise - API Weather Dashboard

A weather dashboard that searches cities, fetches live API data, displays current conditions and forecast cards, and handles loading and error states clearly.

REST APISearchLoading StatesError Handling
  • Goal : Show API usage and UI state handling
  • Role : Frontend Developer
  • Tech : HTML, CSS, JavaScript, Fetch API
  • Features : City search, forecast cards, loading states, API errors
  • Links : Demo Preview | Source Code
E-commerce concept

Shoply - Mini E-Commerce Store

A mini online store with product listing, product details, cart management, admin product CRUD, and order data stored in MySQL.

Product CRUDCart FlowAdmin PanelOrders
  • Goal : Demonstrate product and cart workflows
  • Role : Full-Stack Developer
  • Tech : React, Express, MySQL, Bootstrap
  • Features : Product list, cart, admin CRUD, order storage
  • Links : Demo Preview | Source Code
React practice

RecipeFinder - Search & Save App

A React app where users search recipes, view details, save favorites, and practice reusable components, routing, state, and API integration.

React StateRoutingFavoritesAPI Search
  • Goal : Show React fundamentals clearly
  • Role : Frontend Developer
  • Tech : React, JavaScript, REST API
  • Features : Search, detail view, saved favorites, responsive UI
  • Links : Demo Preview | Source Code
Advanced project

ChatSpace - Real-Time Chat App

A real-time chat app concept with rooms, live messages, online status, and notifications to show WebSocket/event-based full-stack development skills.

Socket.ioRoomsLive MessagesOnline Status
  • Goal : Stand out with real-time functionality
  • Role : Full-Stack Developer
  • Tech : React, Node.js, Socket.io
  • Features : Chat rooms, live messages, online status, notifications
  • Links : Demo Preview | Source Code

Get in Touch

Contact

Address

  Winnipeg, Canada