Skip to content

README.md

Latest commit

 

History

History
63 lines (43 loc) · 1.98 KB

README.md

File metadata and controls

63 lines (43 loc) · 1.98 KB

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!