Skip to content

README.md

Latest commit

 

History

History
108 lines (85 loc) · 3.55 KB

README.md

File metadata and controls

108 lines (85 loc) · 3.55 KB

100DaysWebDev Personal Challenge

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.

Overview

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.

Features

  • 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.

Installation

To get started with the challenge, follow these steps:

  1. Clone the repository:

    git clone https://github.com/CodeAstralIzaX/100DaysWebDev.git

  2. Navigate to the project directory:

    cd 100DaysWebDev

  3. Install Dependencies: If using any specific dependencies or libraries, install them using:

    npm install

Usage

  1. Daily Coding: Follow the challenge plan to complete daily exercises and projects.
  2. Project Structure: Organize your code into weekly folders, with each day containing HTML, CSS, and JavaScript code:

Project Structure

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

Contributing

If you would like to contribute to this challenge or suggest improvements, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: 
    git checkout -b feature-branch
  3. Make your changes and commit them: 
    git commit -m 'Add some feature'
  4. Push to the branch: 
    git push origin feature-branch
  5. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

  • MDN Web Docs: For providing comprehensive web development documentation and resources.
  • Three.js Documentation: For offering detailed guidance on 3D graphics with Three.js.

Contact

Author: Prem Kumar E
GitHub: CodeAstralIzaX
Feel free to reach out if you have any questions or suggestions!