Giter VIP home page Giter VIP logo

react-coming-soon-template's Introduction

React coming soon template

Kick off your new website with coming soon starter template. Coming soon website templates helps you to retain customers when you are busy in revamping your website.

The message you show in the coming soon plays a vital role in retaining the visitors and to collect new leads. So tailor the message to your audience and make a strong first impression for the new users. There are other two web elements: animated countdown timer and sign-up form.

Screenshoot of demo

๐Ÿš€ Prerequisites

    $ npm install -g firebase-tools

๐Ÿš€ Quick start

Clone the repository. Update as you required and upload to your hosting.

Simple clone.

    $ git clone https://github.com/arrlancore/react-coming-soon-template.git
    $ cd react-coming-soon-template

Installation

    $ yarn

The following dependencies will be installed:

    gatsby: ^2.0.0
    gatsby-plugin-manifest: ^2.0.2
    gatsby-plugin-offline: ^2.0.5
    gatsby-plugin-react-helmet: ^3.0.0
    react: ^16.5.1
    react-dom: ^16.5.1
    react-helmet: ^5.2.0

Customising

  • Type your own header, message and set the timer in index.js.
  • Add your own background image in layout.css.

To set timer add props date and time at Timer component, example:

<Timer  date="10/31/2018" time="19.00">

Deployment

  1. Deploying with firebase CLI

    Build Project

    $ yarn build

    Upload to Firebase.

    $ firebase login
    $ firebase init
    $ firebase deploy
  2. Deploying with netlify

    • Sign up with Github/Gitlab/Bitbucket or Email
    • Connect to Git Provider
    • Authorize Git Provider
    • Pick Your Repository
    • Select Branch to Deploy (Default: master)
    • Change the build command to yarn build
    • Click Deploy button

License

This project is licensed under the MIT License - see the LICENSE file for details

react-coming-soon-template's People

Contributors

arrlancore avatar arrlanxcidic avatar thomasn96 avatar lonelyprincess avatar dependabot[bot] avatar vasyldzhala avatar alaminopu avatar shadmanwaris avatar aprisyta avatar ashokkarale avatar jgilbertcastro avatar eeshdarthvader avatar juancjara avatar alexoragz avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.