π» Aspiring Full-Stack Developer | JavaScript Enthusiast | React.js β’ Next.js β’ TypeScript | Building Modern Web Applications π
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
- π± 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
- REST API Development
- API Integration
- API Data Handling
- Modular Architecture
- Server-side Development
- Version Control with Git & GitHub
- Responsive Web Development
- Debugging & Problem Solving
- REST API Testing
- AI-Assisted Development
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
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
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.
- π€ 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
- π 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
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.
β Thanks for visiting my profile!