Skip to content

nur-hasin/FullStackWebDev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fullstack-web-dev-practice

Code and projects from my Full Stack Web Development learning journey.
This repository contains hands-on practice with HTML, CSS, JavaScript, and full-stack tools like Node.js, Express, MongoDB, and React.


📋 Project List

Module/Part Description
HTML Basics of HTML structure, tags, lists, links
CSS Practice Styling, layout, hover effects
JavaScript Basics DOM, events, conditionals, loops
Project: Card Hover UI Profile card UI with hover effect
Project: Portfolio Website Personal portfolio using HTML & CSS
Coming Soon: Todo App (MERN) Full-stack CRUD app using MERN

🧠 Tech Stack Used

  • Frontend:
    HTML5, CSS3, JavaScript, Bootstrap, React

  • Backend (later projects):
    Node.js, Express.js, MongoDB, Mongoose

  • Tools:
    VS Code, Git, GitHub, Postman, MongoDB Compass


🛣️ Learning Goals / Roadmap

  • ✅ Master HTML & CSS fundamentals
  • ✅ Create responsive UIs and animations
  • ✅ Practice JavaScript logic and DOM manipulation
  • 🔄 Learn Git & GitHub for version control
  • 🔜 Build full-stack apps using the MERN stack
  • 🔜 Learn authentication and deployment techniques
  • 🔜 Launch final portfolio website

🌐 GitHub Pages (Live Demos)

You can view live hosted projects using GitHub Pages (if applicable):

  • HTML Card UI 👉 View Demo (replace with actual link when enabled)

To enable GitHub Pages:

  1. Go to the repo’s Settings
  2. Scroll to Pages section
  3. Source: main/root
  4. Save and copy the URL GitHub gives you

📄 License

This repository is licensed under the MIT License.
Feel free to fork, clone, and build your own projects from it!

About

Code and projects from my Full Stack Web Development learning journey.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published