Skip to content

Repository files navigation

Playground to test react hooks

PWA React based application created to play with newset features of React and more.
Deployed to heroku server at: https://kp-playground-taskapp.herokuapp.com/
Passing Lighthouse audit:

Lighthouse

Built With

  • React - Javascript library for building user interfaces
  • react-router-dom - application routing
  • Express as server
  • babel - Javascript Compilator to use latest generation of JavaScript
  • webpack - module bundler
  • formik - for creating powerful forms easly
  • yup - JavaScript schema builder for form validation
  • reactstrap - bootstrap 4 components for React for creating layout
  • mongodb/mongoose - database
  • jest - JavaScript Testing Framework for testing back end

Prerequisites

In order to develop application on local machine install:

  1. Node.js (at least 12.4.0)
  2. download and install mongodb as a local database server
  3. MongoDB Compass - gui for managing database

For production deployment it will be needed to setup production version of database. For purpose of this application mongodb atlas free (https://www.mongodb.com/cloud/atlas) has been used.

Installing and development

Local development

  1. download project
  2. run:
npm install
  1. start local database server (for windows users): a) open cmd window b) navigate to "bin" folder of your mongodb server installation folder (typicly: C:\Program Files\MongoDB\Server\3.6\bin where "3.6" is version of mongodb) c) run:
mongod.exe --dbpath /Users/<user_name>/mongo-data

d) open another cmd window; navigate to "bin" and run:

mongo.exe
  1. start server
npm run server:watch
  1. start local development
npm run build:watch

Production version

npm run build

Running the tests

To run test suites for back end run:

npm run test:watch

About

Playground to play with React hooks and Node.js

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages