Skip to content
View CodesByHasan's full-sized avatar

Block or report CodesByHasan

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
CodesByHasan/README.md
1000036886

Hi πŸ‘‹, I'm Mehedi Hasan

πŸ’» Aspiring Full-Stack Developer | JavaScript Enthusiast | React.js β€’ Next.js β€’ TypeScript | Building Modern Web Applications πŸš€


πŸ‘¨β€πŸ’» About Me

I'm an aspiring Full-Stack Web Developer passionate about building modern, responsive, and user-friendly web applications.

My primary focus is JavaScript and modern frontend development, with hands-on experience building projects using React.js, TypeScript, Next.js, Tailwind CSS, and modern UI tools.

I'm also expanding my backend development skills with Node.js, Express.js, REST APIs, API integration, and modular architecture.

Currently, I'm following the Programming Hero Batch 14 β€” AI-Driven Full Stack Web Engineering curriculum while continuously improving my skills through projects, practice, and real-world development.

πŸš€ Learn β€’ Build β€’ Solve β€’ Improve


πŸ”­ Current Activities

  • 🌱 Exploring Next.js and advanced React concepts
  • βš›οΈ Building responsive applications with React.js
  • πŸ”§ Learning Node.js, Express.js, REST APIs & Modular Architecture
  • πŸŽ“ Following the Programming Hero Batch 14 β€” AI-Driven Full Stack Web Engineering curriculum
  • πŸ€– Exploring AI-assisted development workflows
  • πŸš€ Building and improving real-world web projects

πŸ› οΈ Skills & Technologies

🎨 Frontend Development

HTML5 CSS3 JavaScript React Next.js TypeScript Tailwind CSS DaisyUI

βš™οΈ Backend & API

Node.js Express.js

  • REST API Development
  • API Integration
  • API Data Handling
  • Modular Architecture
  • Server-side Development

πŸ”§ Tools & Workflow

Git GitHub VS Code Vite Postman npm

  • Version Control with Git & GitHub
  • Responsive Web Development
  • Debugging & Problem Solving
  • REST API Testing
  • AI-Assisted Development

πŸš€ Featured Projects

🎬 Movie Explorer

A responsive movie and TV show discovery application built with React. Users can browse shows, search for specific titles, view ratings and premiered dates, explore genres, and see detailed information through an interactive interface.

Tech Stack:
React.js β€’ JavaScript β€’ React Router β€’ Tailwind CSS β€’ DaisyUI β€’ TVMaze API β€’ Vite

πŸ”— Live Demo:
https://movie-explorer-zeta-one.vercel.app/

πŸ”— Source Code:
https://github.com/hasanmh9988770-MHR/Movie-explorer


🧱 Dev Stack Builder

A responsive web application that allows developers to explore different technologies and create their own personalized development stack.

The application includes technology selection, duplicate prevention, stack management, and responsive UI interactions.

Tech Stack:
React β€’ TypeScript β€’ Tailwind CSS β€’ DaisyUI β€’ React-Toastify β€’ Vite

πŸ”— Live Demo:
https://dev-stack-builder-lilac.vercel.app/

πŸ”— Source Code:
https://github.com/hasanmh9988770-MHR/Dev-Stack-Builder


🌱 Currently Learning

πŸŽ“ Programming Hero β€” Batch 14

I'm currently following the AI-Driven Full Stack Web Engineering curriculum and strengthening my development skills through structured learning, practice, and project-based development.

πŸ“š Learning Roadmap

  • πŸ€– AI-Assisted Development & Developer Workflows
  • πŸ“ Prompt Engineering
  • 🌐 HTML5 & CSS3
  • πŸ“± Responsive Web Design
  • 🎨 Tailwind CSS
  • πŸ’› JavaScript & ES6+
  • βš›οΈ React.js
  • πŸ”· TypeScript
  • β–² Next.js
  • 🟒 Node.js
  • πŸš‚ Express.js
  • πŸƒ MongoDB
  • πŸ” Authentication & Authorization
  • πŸ”Œ REST API Development
  • 🧩 Modular Architecture
  • πŸš€ Deployment & Production Workflows
  • πŸ’Ό Real-world Projects & Career Preparation

🎯 Development Goals

  • πŸš€ Become a professional Full-Stack Web Developer
  • βš›οΈ Build modern React.js & Next.js applications
  • πŸ”§ Strengthen backend and API development skills
  • πŸ—„οΈ Learn database-driven application development
  • πŸ” Build secure authentication systems
  • πŸ€– Use AI effectively in the development workflow
  • 🌎 Build meaningful real-world projects
  • πŸ“š Continuously learn, build, and improve

πŸ’‘ My Development Philosophy

Don't just learn the technology β€” build with it.

I believe that consistent practice, real-world projects, problem solving, and continuous learning are the foundation of becoming a better developer.


🌐 Connect With Me

LinkedIn

Facebook

Email


πŸ“Š GitHub Stats

GitHub Stats Top Languages

πŸ‘€ Profile Views

Profile Views


πŸš€ Learn. Build. Improve. Repeat.

⭐ Thanks for visiting my profile!

Pinned Loading

  1. Dev-Stack-Builder Dev-Stack-Builder Public

    🧱 Dev-Stack-Builder β€” A responsive React application for exploring development technologies and creating a personalized tech stack. Built with React, TypeScript, Tailwind CSS, DaisyUI, React-Toasti…

    TypeScript

  2. Movie-explorer Movie-explorer Public

    🎬 Movie Explorer β€” A responsive React web app for browsing and searching TV shows using the TVMaze API, with ratings, genres, premiered dates, posters, and interactive details. Built with React, Re…

    JavaScript