Welcome to my GitHub repository, where I share my journey through web development with Vanilla JavaScript, HTML, and CSS. This repository is organized to showcase projects of increasing complexity, helping to build a strong foundation in front-end development.
The goal of this repository is to:
- Progressively Build Skills: Starting with simpler projects and advancing to more complex ones, each project focuses on core front-end development skills.
- Learn and Teach: Each project includes a tutorial or guide, walking through the concepts and steps to complete it, making this repository valuable for anyone learning alongside me.
- Share Knowledge: I believe in learning by teaching, so every project includes explanations, comments, and best practices to help others understand the code and concepts.
Below is a quick overview of the types of projects included in this repository:
- Fundamental Projects: Simple projects designed to introduce basic concepts in JavaScript, HTML, and CSS.
- Intermediate Projects: These projects build on the basics and introduce new topics like DOM manipulation, event handling, and styling techniques.
- Advanced Projects: More challenging projects that bring together various concepts, creating fully functional, interactive applications.
Each project is stored in its own folder under the repository root and contains:
- A README specific to the project
- Project files (HTML, CSS, and JavaScript)
- Step-by-step tutorial or guide
To run any project:
- Clone the repository:
git clone https://github.com/mehrdad-soltanloo/javascript-projects.git
Thank you for considering contributing to this project! 🎉 Whether you’d like to suggest new ideas, improve existing tutorials, fix bugs, or enhance the code, all contributions are greatly appreciated.
To contribute:
- Fork the Repository: Click on the "Fork" button at the top to create a copy of this repository under your GitHub account.
- Clone the Forked Repository: Clone your forked repository to your local machine.
git clone https://github.com/yourusername/your-forked-repo-name.git
- Create a New Branch: Make sure to create a new branch for your work.
git checkout -b feature/your-feature-name
- Make Your Changes: Add your improvements, new tutorials, or code fixes.
- Commit Your Changes: Write clear and concise commit messages.
git commit -m "Add: tutorial for Project X" - Push to GitHub: Push your changes to GitHub.
git push origin feature/your-feature-name
- Submit a Pull Request: Go to your forked repository on GitHub and submit a pull request to the main repository. Provide a clear description of your changes and why they improve the project.
- Keep your contributions relevant to Vanilla JavaScript, HTML, and CSS.
- Write clear, readable code and add comments where needed.
- Follow the tutorial format in existing projects if adding a new tutorial.
Once your pull request is reviewed and approved, it will be merged into the main repository. Thank you for helping make this project better for everyone!
Happy Coding!🙂