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:
- 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
In order to develop application on local machine install:
- Node.js (at least 12.4.0)
- download and install mongodb as a local database server
- 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.
- download project
- run:
npm install
- 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
- start server
npm run server:watch
- start local development
npm run build:watch
npm run build
To run test suites for back end run:
npm run test:watch
