Giter Site home page Giter Site logo

dawid-drelichowski / login-form Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 100 KB

Login form based on React

Home Page: http://log-in-form.co.nf/

License: MIT License

HTML 3.88% CSS 13.09% JavaScript 83.03%
react babel flow javascript jest enzyme eslint webpack3 es2017

login-form's Introduction

Login form Build Status tested with jest

log-in-form.co.nf - login form based on React

Requirements

  • Node.js version 6.0.0 or higher.
  • Optionally Yarn as alternative to NPM package manager.

Installation

Depending on preferred package manager execute yarn install or npm install command.
Copy config.json.dist to config.json file.
If preferred, change email or password in config.json file. To generate password hash use npm run bcrypt <new password> or npm run bcrypt <new password>.
Default email: [email protected], default password: Password1..
There is no build assets version attached with this repository. To build them run npm run build or yarn run build.

Usage

Run public/index.html in favorite browser. Consider only last two versions of major browsers and IE10+ are supported.

Tests

Based on Jest and Enzyme.

Command: npm test or yarn test

Development

To rebuild assets every time they change execute npm run build:dev or yarn run build:dev.
There is a better way: npm run watch or yarn run watch command will continue running in terminal and watch all relevant files for changes.
Webpack will then automatically recompile assets when it detects a change.
It's possible to use Webpack DevServer. To start it use npm run start or yarn run start
To specify a port number to listen for requests on, modify webpack.config.babel.js
Default server port is 3000.
Minified (so called "production") version of assets can be build with npm run build or yarn run build.

NPM scripts

Available NPM or Yarn scripts:

  • npm run build or yarn run build combine related scripts/styles and minimizes them with Webpack.
  • npm run build:dev or yarn run build:dev combine related scripts/styles with Webpack.
  • npm start or yarn start runs Webpack DevServer.
  • npm run lint or yarn run lint runs ESLint source code check.
  • npm test or yarn test runs tests.
  • npm run watch or npm run watch runs combination of related scripts/styles in Webpack's watch mode.
  • npm run flow or yarn flow runs Flow static type checker.
  • npm run bcrypt <password> or yarn run bcrypt <password> generates Bcrypt hash of given <password>

login-form's People

Contributors

dawid-drelichowski avatar

Watchers

 avatar 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.