Skip to content

hafizabushra997/js-practice-projects

Repository files navigation

JavaScript Practice Projects 🚀

A series of JavaScript projects aimed at enhancing coding skills and problem-solving abilities. This repository contains beginner-friendly projects to help me learn and practice core JavaScript concepts.


📂 Projects Included

Project Description
Notes App A note list with add, remove, and local storage features.
Task Filter App Filter task list based on selected checkbox.
Color Changer Change the background color using buttons or input.
Counter App A counter app with increment, decrement, and reset options.

🧠 Key Concepts Learned (And Future Learning Goals)

  • DOM manipulation
  • Event handling
  • Local storage
  • Functions and scopes
  • Arrays and array methods
  • Objects and object manipulation
  • Loops (for, while, forEach)
  • Conditionals (if, else, switch)
  • JavaScript data types (strings, numbers, booleans)
  • Callbacks and higher-order functions
  • Promises and asynchronous programming
  • Fetch API (API requests)
  • ES6+ features (let, const, arrow functions, template literals)
  • Error handling (try, catch, throw)
  • JavaScript debugging and best practices

🔨 How to Use

  1. Clone this repository to your local machine:
    git clone https://github.com/hafizabushra997/js-practice-projects.git
    
  2. Open the folder for any project you want to work on.
  3. Open index.html in your browser to run the project.

🌱 What's Next?

  • Notes App with local storage
  • Weather App using external API
  • More interactive web apps
  • Learn advanced JavaScript topics like Framework (React)
  • Prepare for freelancing or remote job opportunities

🙋‍♀️ About Me

Hi, I'm Hafiza Bushra, a self-taught web developer with a passion for JavaScript and React. I enjoy building projects that challenge my coding skills and problem-solving abilities. My goal is to become a skilled front-end developer, ready to work remotely and contribute to exciting web projects.

You can find my projects, progress, and more on my GitHub!

📫 View my GitHub


🚀 Future Projects and Learning

  • Learn React to build modern, dynamic web applications
  • Build projects using API integration (e.g., weather app, movie app)
  • Focus on advanced JavaScript concepts like closures, currying, etc.
  • Contribute to open-source projects to enhance collaborative coding skills

🛠️ Technologies Used

  • HTML, CSS, JavaScript
  • Git and GitHub for version control

📈 My Progress

This repository will continue to grow as I progress through various JavaScript projects, learning advanced techniques and frameworks to develop professional web applications.


📬 Contact

About

A series of JavaScript projects aimed at enhancing coding skills and problem-solving abilities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors