-
Notifications
You must be signed in to change notification settings - Fork 46
Home
-
To Get Started, Fork the repository to your github account:
-
Clone the forked repo from your account using :
git clone https://github.com/<your-username>/My-Landing-Page/
-
After cloning go to the root folder i.e My-Landing-Page and run :
npm install
oryarn install
-
After packages installed successfully , run :
npm start
It will launch the application in your default browser at url : http://localhost:3000 -
Open the configuration.json file and edit the keys based on the instructions provided in the table below.
Key | Type | Values Allowed | Functions |
---|---|---|---|
backgroundType | String | plain | gradient |
plainBackgroundMode | String | daylight | nightlight |
devIntro | String | Anything in String Format | Shows the Intro for the page |
devDesc | String | Anything in String Format | Show the description for the page |
gradientColors | Color Codes | 4 comma seperated hex Color Codes | Note : This property will come into effect only for gradient backgroundType Sets gradient background based on 4 hex color input we provide to the component |
backgroundImageUrl | URL | Any Image Url | Note : This property will come into effect only for image backgroundType Sets any image based on URL provided as full page cover background image |
iconsToGenerate | Fontawesome Icons | Array of Fontawesome icon names | Displays the fontawesome icons for social profiles |
urlsToLink | URLs | Array of URLs | Provides hyperlinks to the fontawesome icons to your social profiles |
-
Once done with your changes, verify everything in your local browser.
-
Now open package.json file and change the
homepage
key with your own username. Ex :
Change
"homepage": "https://singhkshitij.github.io/My-Landing-Page"
To"homepage": "https://<your_username>.github.io/My-Landing-Page",
- Run
npm run deploy
and congrats your landing page is up and running.
To see it live , visit : https://<your_username>.github.io/My-Landing-Page