Welcome to the JavaScript Projects-Practise! This README will guide you through this exciting journey of coding, creativity, learning and build some awesome projects!
I'm thrilled to embark on a adventure of JavaScript programming. This will help me to enhance my coding skills, improve my problem-solving abilities, and boost my creativity.🎉
Before you begin, make sure you have the following:
- Basic understanding of HTML, CSS, and JavaScript.
- A code editor of your choice (e.g., Visual Studio Code).
- A web browser for testing your projects(e.g., Google).
- Git installed on your system (for version control, optional but recommended). 🛠️
- Clone or download this repository to your local machine:
git clone https://github.com/khushchaurasia/JavaScript-Projects- Navigate to the project folder:
cd javascript-projectsEach project folder should follow a consistent structure:
JavaScript-Projects-Practise
├── 01-PROJECT-NAME
│ ├── index.html
│ ├── script.js
│ └── style.css
├── 02-ANOTHER-PROJECT
│ ├── index.html
│ ├── script.js
│ └── style.css
├── 03-YET-ANOTHER-PROJECT
│ ├── index.html
│ ├── script.js
│ └── style.css
└── ...
index.html: HTML file for the project's structure.style .css: CSS file for styling the project.script.js: JavaScript file for the project's functionality.
| Project Number | Project Name | Link |
|---|---|---|
| Project-01 | Analog-Clock | Click to open |
| Project-02 | Digital-Clock | Click to open |
| Project-03 | Calculator | Click to open |
| Project-04 | Tic-Tac-Toe | Click to open |
| Project-05 | Gradient Generator | Click to open |
| Project-06 | Todo-App | Click to open |
| Project-07 | Drag&Drop | Click to open |
For each project, make use of online resources, tutorials, and documentation. Here are some recommended resources: