Ratul Hasan

Hi, I’m Ratul

Building my way into software & AI development.

I’m a final-year Computer Science & Engineering student, about six months from graduating. I build web projects, full-stack applications, and small tools while developing my skills in Python, data, and machine learning. I’ve also participated in two hackathons, including building ScamShield BD, a full-stack project. This portfolio showcases the projects I’ve built while learning, experimenting, and continuously improving.

About

I’m a BSc CSE student in Bangladesh with roughly six months left before graduation. Over the past few years I’ve been building up my programming fundamentals through coursework, and more recently I’ve started spending my free time recreating real websites and small tools to understand how they’re actually put together — things like the Netflix homepage or a resume builder. I’ve also participated in two hackathons, including building ScamShield BD, a full-stack project focused on helping users identify and stay aware of online scams.

I enjoy the front-end side of web development the most right now, but I’m also spending time with Python, data libraries, and the basics of machine learning, because AI is the direction I want to grow toward. I’ve also earned a certificate through my extracurricular learning and project activities. I don’t have industry experience yet — what I have is consistency: I keep picking projects slightly harder than the last one and finishing them.

Skills

Technologies and tools I work with, and the areas I’m currently developing.

Frontend

  • HTML
  • CSS
  • JavaScript
  • React
  • Next.js

Backend

  • Node.js

Database

  • SQL
  • MongoDB
  • Mongoose

Programming

  • Python
  • Assembly Language

Data & AI

  • NumPy
  • Pandas
  • TensorFlow

Currently Learning

  • Full-Stack Web Development
  • Backend Development
  • React & Next.js
  • Node.js
  • AI / ML
  • Modern Web Technologies

Projects

A running log of what I’ve built while practicing — in the order I built them.

UltraEdit download page clone screenshot
Log 01

UltraEdit Download Page (Clone)

A practice rebuild of a software download page — focused on layout structure and clean CSS, no functionality attached.

  • HTML
  • CSS
Netflix homepage clone screenshot
Log 02

Netflix Homepage Clone

Recreated the Netflix landing page layout to practice responsive grids, hero sections, and content rows in plain CSS.

  • HTML
  • CSS
To-Do List screenshot
Log 03

To-Do List

A simple to-do list application built with HTML, CSS, and JavaScript to practice DOM manipulation and event handling.

  • HTML
  • CSS
  • JavaScript
Resume Builder screenshot
Log 04

Resume Builder

A responsive resume builder with live preview, multiple templates, dynamic sections, ATS checking, keyword matching, PDF export, and LocalStorage support. Built with HTML, CSS and JavaScript to practice real-world frontend development.

  • HTML
  • CSS
  • JavaScript
Log 05 · In progress

Spotify Clone

Currently building this one — a Spotify-style interface with a working player UI, using HTML, CSS, and JavaScript.

  • HTML
  • CSS
  • JavaScript
Log 06

ScamShield BD

ScamShield BD is a full-stack scam detection and community intelligence platform built for users in Bangladesh. It helps people identify, report, and track potential online scams through transparent risk analysis. The platform combines rule-based detection, optional AI-assisted insights, and community-driven reports to provide practical and reliable scam intelligence.

  • HTML
  • CSS
  • JavaScript
  • React
  • Next.js
  • Tailwind CSS
  • Node.js
  • MongoDB
  • Mongoose
  • AI

Education

BSc in Computer Science & Engineering

Uttara University

Final year — expected graduation: 2027

Learning & Development

Building real projects while continuously expanding my development skills.

  • Web development — building responsive and interactive websites using HTML, CSS, JavaScript, and modern web technologies.
  • Full-stack development — learning frontend and backend development by building complete web applications.
  • Backend learning — exploring APIs, authentication, databases, and server-side development with Node.js and Next.js.
  • Database practice — working with MongoDB, Mongoose, SQL, and MySQL.
  • AI & ML learning — exploring Python, NumPy, Pandas, TensorFlow, and AI-assisted development.
  • Project-based learning — building personal projects and participating in hackathons to gain practical experience.

What I can help with

Focused on practical web development and project-based work.

Responsive website development
Frontend development (HTML/CSS/JS)
Next.js & React development
Full-stack web projects
MongoDB & database integration
JavaScript applications & APIs
AI-assisted web development
Academic & personal projects

Contact

Have a project, an internship idea, or just want to say hi? I’d like to hear from you.