/Frontend_Template

Primary LanguageJavaScriptMIT LicenseMIT

Contributors Forks Stargazers Issues MIT License LinkedIn


Logo

Frontend Template
· Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. License
  4. Contact
  5. Acknowledgments

About The Project

An easy (and free) way to start a web app. Use this template to make quick web app prototypes!

Intro

Every webapp that I've made in the last few years includes setting up a simple client side that sends a request to the backend. This project makes an almost-ready template for the client side.

img

The idea is simple: the actual html is constructed on the server side. This template belongs to the client side and the only thing it does is sending the request to get the desired html. Then the body is replaced. The website is styled in css/style.css.

(back to top)

Built With

(back to top)

Getting Started

Clone the repo (or fork to deploy it as a github page) $ git clone https://github.com/STASYA00/Frontend_Template.git

Prerequisites

None

(back to top)

Usage

  • In js/main.js replace WEBSITE (line 9) with your endpoint (e.g. http://localhost:3000 to test it with a local server).
  • Your endpoint should return {KEY : HTML}, where KEY is a string (e.g. "content") and HTML is html page as a string (e.g. "<html><head></head><body><div id="root"></div></body></html>")
  • In js/main.js replace content(line 11) with your key (e.g. "key").

(back to top)

Deployment

  • Fork this repo
  • Replace the values from the Usage section
  • Set up the repo as a github page

Bonus: for the page to be searchable by Google:

  • Control your website address with google search console
  • If it is not registered, add HTML tag (from the pop-up window) to the index.html: uncomment line 5 ( <meta name="google-site-verification" content="xxxxxxxxxxxxx-xxxxxxxxxxxxxxxxx-xxxxxxxxxxx" />) and replace content with the tag from the pop-up window
  • It will take a couple of days for your website to become searchable

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Stasja - @stasya00 - e-mail - LinkedIn

(back to top)

Acknowledgments

(back to top)