https://github.com/zyx-0314/wd-seatwork-4

https://github.com/zyx-0314/wd-seatwork-4

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/zyx-0314/wd-seatwork-4
• Owner: zyx-0314
• Created: 2024-06-25T06:49:36.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-28T02:54:29.000Z (7 months ago)
• Last Synced: 2024-11-24T05:08:20.496Z (2 months ago)
• Language: CSS
• Size: 4.8 MB
• Stars: 0
• Watchers: 1
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        










  

  

    

  


  
Title





  Short Description. (Optional)






![](https://visit-counter.vercel.app/counter.png?page=zyx-0314/WD-Template-Project)

---







  Table of Contents

  


    


      Overview

      


        


          Key Components

        

        


          Technology

        

      

    

    


      Rules, Practices and Principles

    

    


      Resources

    

  


---

## Overview

Description of the project in details.

Guiding Question:

- What is the project

- Whats the purpose

- What are key components

- What technology used and how it is used

### Key Components

- MultiPage Website/Single Page Website

- Parallax transition

- Transactional

### Technology

![HTML](https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=white)

## Rules, Practices and Principles

1. Always use `WD-` in the front of the Title of the Project for the Subject followed by your custom naming.

2. Do not rename any .html files; always use `index.html` as the filename.

3. Place Files in their respective folders.

4. All file naming are in camel case.

   - Camel case is naming format where there is no white space in separation of each words, the first word is in all lower case while the succeding words first letter are in upper followed by lower cased letters.

   - ex.: buttonAnimatedStyle.css

5. Use only `External CSS`.

6. Renaming of Pages folder names are a must, and relates to what it is doing or data it holding.

7. File Structure to follow below.

```

WD-ProjectName

└─ assets

|   └─ css

|   |   └─ style.css

|   └─ img

|   |   └─ fileWith.jpeg/.jpg/.webp/.png

|   └─ js

|       └─ script.js

└─ pages

|  └─ pageName

|     └─ assets

|     |  └─ css

|     |  |  └─ style.css

|     |  └─ img

|     |  |  └─ fileWith.jpeg/.jpg/.webp/.png

|     |  └─ js

|     |     └─ script.js

|     └─ index.html

└─ index.html

└─ readme.md

```

## Resources

| Title | Purpose | Link |

|-|-|-|

| Sample Title | Sample purpose would be here like this and this is the example of what it is. | trykolang.com |