100DaysWebDev Personal Challenge is a self-paced project aimed at mastering web development through 100 days of dedicated practice. The challenge covers HTML, CSS, JavaScript, and Three.js to build and enhance various web-based projects.
This challenge involves daily coding exercises and projects to build proficiency in web technologies and libraries. The goal is to create a portfolio of work that showcases your skills and progress over the course of 100 days.
- HTML & CSS: Develop and style web pages using HTML and CSS.
- JavaScript: Enhance web functionality with JavaScript.
- Three.js: Explore 3D graphics and animations using the Three.js library.
- Daily Progress: Track and document daily coding challenges and projects.
To get started with the challenge, follow these steps:
-
Clone the repository:
git clone https://github.com/CodeAstralIzaX/100DaysWebDev.git
-
Navigate to the project directory:
cd 100DaysWebDev -
Install Dependencies: If using any specific dependencies or libraries, install them using:
npm install
- Daily Coding: Follow the challenge plan to complete daily exercises and projects.
- Project Structure: Organize your code into weekly folders, with each day containing HTML, CSS, and JavaScript code:
100DaysWebDev/
├── day01/
│ ├── index.html # Day 1 HTML
│ ├── style.css # Day 1 CSS
│ └── script.js # Day 1 JavaScript
├── day02/
│ ├── index.html # Day 2 HTML
│ ├── style.css # Day 2 CSS
│ └── script.js # Day 2 JavaScript
├── ...
├── day98/
│ ├── index.html # Day 98 HTML
│ ├── style.css # Day 98 CSS
│ └── script.js # Day 98 JavaScript
├── day99/
│ ├── index.html # Day 99 HTML
│ ├── style.css # Day 99 CSS
│ └── script.js # Day 99 JavaScript
├── day100/
│ ├── index.html # Day 100 HTML
│ ├── style.css # Day 100 CSS
│ └── script.js # Day 100 JavaScript
│
├── index.html # INDEX File for Parent Folder
├── style.css # CSS File for Parent Folder
├── script.js # JS File for Parent Folder
├── img # Image Folder
│ ├── 100DAYS.png # Fav Icon
├── README.md # Project README file
└── LICENSE # License file
If you would like to contribute to this challenge or suggest improvements, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Make your changes and commit them:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature-branch
- Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
- MDN Web Docs: For providing comprehensive web development documentation and resources.
- Three.js Documentation: For offering detailed guidance on 3D graphics with Three.js.
Author: Prem Kumar E
GitHub: CodeAstralIzaX
Feel free to reach out if you have any questions or suggestions!