From 2bc7530ea8eff22e84351adc797ae52ae884d254 Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:36:06 +0100 Subject: [PATCH 01/10] Rename index.html to frontend/index.html --- index.html => frontend/index.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename index.html => frontend/index.html (100%) diff --git a/index.html b/frontend/index.html similarity index 100% rename from index.html rename to frontend/index.html From 15144217636d61080c73254d5466183e0b9642c7 Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:38:38 +0100 Subject: [PATCH 02/10] Rename style.css to backend/styles.css temp realloc of styles.css folder --- style.css => backend/styles.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename style.css => backend/styles.css (100%) diff --git a/style.css b/backend/styles.css similarity index 100% rename from style.css rename to backend/styles.css From 8bbb868abc0bbe5e32bde909e8ac2f1dd656898a Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:39:43 +0100 Subject: [PATCH 03/10] Rename app.js to backend/app.js moving app.js to backend folder fro clarity --- app.js => backend/app.js | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename app.js => backend/app.js (100%) diff --git a/app.js b/backend/app.js similarity index 100% rename from app.js rename to backend/app.js From ce9ac93b2b2b466fc4534ffcc957d1b2720a1076 Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:40:06 +0100 Subject: [PATCH 04/10] Rename shackles.png to icons/shackles.png --- shackles.png => icons/shackles.png | Bin 1 file changed, 0 insertions(+), 0 deletions(-) rename shackles.png => icons/shackles.png (100%) diff --git a/shackles.png b/icons/shackles.png similarity index 100% rename from shackles.png rename to icons/shackles.png From 483d472a8fbd134cec48ac89534bfefa44ec138c Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:48:07 +0100 Subject: [PATCH 05/10] Create readme.md --- readme.md | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 readme.md diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..b15ce8d --- /dev/null +++ b/readme.md @@ -0,0 +1,87 @@ +# My Dev.to June Celebration Challenge. + +This repository contains my submission for the **Dev.to June Celebration Challenge**. The goal of this project is to design and build a creative user interface using **CSS** and **JavaScript**. This project demonstrates advanced styling, interactivity, and responsiveness to celebrate the June festivities on dev.to! + +## Its Features + +- Responsive design with modern CSS +- Interactive elements powered by JavaScript +- Easy to run locally on any major OS + +## Getting Started + +You can run and edit this project easily with [Visual Studio Code (VS Code)](https://code.visualstudio.com/) on **Linux**, **macOS**, or **Windows**. + +### Prerequisites + +- [Visual Studio Code](https://code.visualstudio.com/) installed +- [Git](https://git-scm.com/) installed (optional, for cloning the repo) + +### 1. Clone the Repository + +Open your terminal (Linux/macOS) or Command Prompt/PowerShell (Windows): + +```bash +git clone https://github.com/Contractor-x/dev.to-challenge.git +cd dev.to-challenge +``` + +Alternatively, you can [download the ZIP](https://github.com/Contractor-x/dev.to-challenge/archive/refs/heads/main.zip) and extract it. + +### 2. Open the Project in VS Code + +- Launch VS Code. +- Click `File` > `Open Folder...` and select the `dev.to-challenge` directory. + +### 3. Run the Project + +This is a static project (HTML, CSS, JavaScript). You can open the main HTML file in your browser: + +#### Option 1: Open Directly + +- Find the main HTML file (e.g., `index.html`) in the repo. +- Right-click and choose "Open with [your browser]". + +#### Option 2: Use VS Code Live Server Extension + +1. Install the [Live Server extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) in VS Code. +2. Right-click `index.html` and select "Open with Live Server". +3. Your default browser will open the project with live-reloading. + +--- + +## Platform-Specific Notes + +### Linux + +- Use your preferred terminal to clone the repo and launch VS Code (`code .`). +- Requires any modern web browser (e.g., Firefox, Chrome). + +### macOS + +- Use Terminal for git commands and `code .` to open VS Code. +- Safari, Chrome, or Firefox are all supported. + +### Windows + +- Use Command Prompt or PowerShell for git commands. +- Open the folder in VS Code and use Edge, Chrome, or Firefox. + +--- + +## Contributing + +Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change. + +--- + +## License + +[MIT License](LICENSE) + +--- + +**Happy June Celebrations! 🎉** +``` + +Let me know if you need further customization! From b69a88cfcc7a89ef05212f10d148c009776d34db Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:52:14 +0100 Subject: [PATCH 06/10] Update readme.md --- readme.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/readme.md b/readme.md index b15ce8d..325841e 100644 --- a/readme.md +++ b/readme.md @@ -26,7 +26,7 @@ git clone https://github.com/Contractor-x/dev.to-challenge.git cd dev.to-challenge ``` -Alternatively, you can [download the ZIP](https://github.com/Contractor-x/dev.to-challenge/archive/refs/heads/main.zip) and extract it. +Alternatively, you can [download the ZIP](https://github.com/daluclemas/dev.to-challenge/archive/refs/heads/main.zip) and extract it. ### 2. Open the Project in VS Code @@ -69,9 +69,9 @@ This is a static project (HTML, CSS, JavaScript). You can open the main HTML fil --- -## Contributing +## To Contribute -Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change. +Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change and i will respond in a jiffy. --- @@ -81,7 +81,7 @@ Pull requests are welcome! For major changes, please open an issue first to disc --- -**Happy June Celebrations! 🎉** -``` +**Built with 🎉 by daluclemas** + + -Let me know if you need further customization! From e3ded057382d274ff2fb08b4ceddcf516af38b2e Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 8 Jun 2025 19:54:44 +0100 Subject: [PATCH 07/10] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 325841e..efee231 100644 --- a/readme.md +++ b/readme.md @@ -10,7 +10,7 @@ This repository contains my submission for the **Dev.to June Celebration Challen ## Getting Started -You can run and edit this project easily with [Visual Studio Code (VS Code)](https://code.visualstudio.com/) on **Linux**, **macOS**, or **Windows**. +You can run and edit this project easily with [Visual Studio Code (VS Code)](https://code.visualstudio.com/) on **Linux**, **macOS**, or **Windows**. or view on **[Vercel](https://june-celebrations.vercel.app/)** ### Prerequisites From 18c55e2177583ca1cf8055d018a2f8ce65712cba Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 6 Jul 2025 23:40:17 +0100 Subject: [PATCH 08/10] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index efee231..10e5ac3 100644 --- a/readme.md +++ b/readme.md @@ -10,7 +10,7 @@ This repository contains my submission for the **Dev.to June Celebration Challen ## Getting Started -You can run and edit this project easily with [Visual Studio Code (VS Code)](https://code.visualstudio.com/) on **Linux**, **macOS**, or **Windows**. or view on **[Vercel](https://june-celebrations.vercel.app/)** +You can run and edit this project easily using [Visual Studio Code (VS Code)](https://code.visualstudio.com/) on **Linux**, **macOS**, or **Windows**. or view on **[Vercel](https://june-celebrations.vercel.app/)** ### Prerequisites From 4eb2bf0e46c0a98ab70ed983a718506a56249507 Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 6 Jul 2025 23:41:18 +0100 Subject: [PATCH 09/10] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 10e5ac3..04c00fb 100644 --- a/readme.md +++ b/readme.md @@ -6,7 +6,7 @@ This repository contains my submission for the **Dev.to June Celebration Challen - Responsive design with modern CSS - Interactive elements powered by JavaScript -- Easy to run locally on any major OS +- Easy to run locally on any major Operating ## Getting Started From db351fdb5000f8454e6db89a3e5cdf8e6bf7524a Mon Sep 17 00:00:00 2001 From: Collins Dada <140630132+Contractor-x@users.noreply.github.com> Date: Sun, 6 Jul 2025 23:41:31 +0100 Subject: [PATCH 10/10] Update readme.md --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 04c00fb..e9b8cab 100644 --- a/readme.md +++ b/readme.md @@ -6,7 +6,7 @@ This repository contains my submission for the **Dev.to June Celebration Challen - Responsive design with modern CSS - Interactive elements powered by JavaScript -- Easy to run locally on any major Operating +- Easy to run locally on any major Operating System ## Getting Started