@Killercavin made an initial commit

Killercavin · Apr 26, 2024 · 5f107f9 · 5f107f9
commit 5f107f9
Show file tree

Hide file tree

Showing 6 changed files with 85 additions and 0 deletions.
diff --git a/.idx/.gitignore b/.idx/.gitignore
@@ -0,0 +1,2 @@
+
+gc/
diff --git a/.idx/dev.nix b/.idx/dev.nix
@@ -0,0 +1,51 @@
+# To learn more about how to use Nix to configure your environment
+# see: https://developers.google.com/idx/guides/customize-idx-env
+{ pkgs, ... }: {
+  # Which nixpkgs channel to use.
+  channel = "stable-23.11"; # or "unstable"
+  # Use https://search.nixos.org/packages to find packages
+  packages = [
+    # pkgs.go
+    # pkgs.python311
+    # pkgs.python311Packages.pip
+    # pkgs.nodejs_20
+    # pkgs.nodePackages.nodemon
+  ];
+  # Sets environment variables in the workspace
+  env = {};
+  idx = {
+    # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
+    extensions = [
+      # "vscodevim.vim"
+    ];
+    # Enable previews
+    previews = {
+      enable = true;
+      previews = [
+        # {
+        #   # Example: run "npm run dev" with PORT set to IDX's defined port for previews,
+        #   # and show it in IDX's web preview panel
+        #   command = ["npm" "run" "dev"];
+        #   manager = "web";
+        #   id = "web";
+        #   env = {
+        #     # Environment variables to set for your server
+        #     PORT = "$PORT";
+        #   };
+        # }
+      ];
+    };
+    # Workspace lifecycle hooks
+    workspace = {
+      # Runs when a workspace is first created
+      onCreate = {
+        # Example: install JS dependencies from NPM
+        # npm-install = 'npm install';
+      };
+      onStart = {
+        # Example: start a background task to watch and re-build backend code
+        # watch-backend = "npm run watch-backend";
+      };
+    };
+  };
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,21 @@
+# Safaricon KE [Safaricom.co.ke](https://safaricom.co.ke)
+
+## About
+
+This repo is a focus pactice project aimed at developing a clone of the [Safaricom](https://safaricom.com) website
+
+This is a side project in which I gear myself towards testing and advancing my skills with a practical aspect
+
+## Tech Stack
+
+For this project have used the following stack:
+
+* HTML
++ CSS
+- JavaScript
+
+
+
+Get started by customizing your environment (defined in the .idx/dev.nix file) with the tools and IDE extensions you'll need for your project!
+
+Learn more at https://developers.google.com/idx/guides/customize-idx-env
diff --git a/index.html b/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Safaricom World | Bundles and Calling Airtime Plans</title>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/src/css/style.css b/src/css/style.css
diff --git a/src/js/main.js b/src/js/main.js