AyushIyankan / Skillbee

Repo to host assignment provided as a part of SDE Intern.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Static Template Website Script Generator

This is a simple script that generates 10 unique static HTML pages.

Desktop preview

image

Mobile preview

image

Lighthouse Score

lighthouse

Prerequisites

  1. Node.js (v14.0 and above)
  2. Node Package Manager (npm v8.0 and above)

Installation and Usage

To generate the static HTML pages, run the following command:

  1. Clone the repository
    git clone https://github.com/AyushIyankan/Skillbee.git
  2. Install required dependencies
    npm install
  3. Start script
    npm start
  4. You can see html files generated under ./src/pages. On each run, script will generate 10 unique html files.
  5. Host the pages to github pages and destination url will be of form: https://username.github.io/reponame/src/pages/<filename.html>

Help and troubleshooting

  1. numberOfPages is defined in script, currently the script generates 10 unique web pages but under name website-i.html where i ranges from 1 to 10. In case you need to change the number of unique pages generated everytime just change the variable value.
  2. Current configuration is to generate 10 unique pages everytime by replacing website-i.html where i ranges from 1 to 10. In case you need to persist old web pages generated, just comment out
    const filename = `website-${fileIndex++}.html`;
    and uncomment the line
    const filename = `page-${activity.toLowerCase().split(" ").join("-")}.html`;
    in generatePages.js

Access Destination url's

  1. If you have used the format
    const filename = `website-${fileIndex++}.html`;
    then url will be of form
    https://ayushiyankan.github.io/Skillbee/src/pages/<website-${i}>.html
    
    where i ranges from 1 - 10
  2. Instead if you have used the format
    const filename = `page-${activity.toLowerCase().split(" ").join("-")}.html`;
    then url will be of form
    https://ayushiyankan.github.io/Skillbee/src/pages/<page-${lowercase-chained-format}>.html
    

Hosted Links:
Link website-1
Link website-2
Link website-3
Link website-4
Link website-5
Link website-6
Link website-7
Link website-8
Link website-9
Link website-10

About

Repo to host assignment provided as a part of SDE Intern.


Languages

Language:HTML 41.4%Language:CSS 33.0%Language:SCSS 18.8%Language:EJS 4.1%Language:JavaScript 2.7%