Code Monkey home page Code Monkey logo

node-react-starter-kit's Introduction

Running site locally

  1. Clone repository
  2. Install dependencies via npm i command
  3. Create .env file from .env.example file and make sure it has correct values
  4. Start development server via npm run dev command

Make build

  1. Start build via npm run build command
  2. Start server via npm run start command

Commit strategy

  1. You should create new branches out of dev branch
  2. You should make a pull-request to dev branch
  3. You should check your open pull-requests and rebase them against dev in case any conflicts
  4. You should use master branch only for deployment

Deploy

  1. Deploy dev to staging http://167.71.71.176:8000/ (file bash deploy-staging)
  2. Deploy master to production https://keenethics.com/ (file bash deploy)

Note for deploy:

If you deploy to production and see that your changes didn't implement, but in localhost all works. You can try command killall node on prod.

Test it

  1. Start development server via npm run dev command
  2. Start tests via npm run test

Note for macOS developers

  1. Node.js version has to be >= 9
  2. After installing dependencies you have to run npm rebuild node-sass

node-react-starter-kit's People

Contributors

epaminond avatar maryna-yanul avatar matrixb0ss avatar oksentukvlad avatar usernamus avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

arjunkori

node-react-starter-kit's Issues

Naming conventions

Please describe your wishes and ideas for naming conventions for files and folders. Choose the best option together.

Nano classnames

We can write our simple package instead classnames. There will be a small and fast package with minimal functionality.

As an example: function that convert object to string and use object's keys as a base for class name.

P.S. Like classnames-minimal but more faster

Is accessibility important?

We used a11y plugins and rules for styles and HTML, but will we use aria attributes and other accessibility technology?

Implement PWA

Implement simple things:

  • Add service worker example file (E.g. with static resources caching)
  • Add commented code for registering of service worker
  • Add manifest.json example

Add security ESLint plugins

eslint-plugin-chai-expect, который может выявлять ошибочно составленные тесты. Вот плагин eslint-plugin-promise, обнаруживающий неразрешаемые промисы (код с такими промисами, без видимых причин, попросту останавливается). С помощью плагина eslint-plugin-security можно находить в коде небезопасные регулярные выражения, которые могут быть использованы злоумышленником для проведения DOS-атак.

Incorrect JWT token checking

If we have invalid token stored, we need to check it on server side and return some kind of error to remove it on client side.

README issues

We setup an aliases to facilitate the import of components (you can see list of aliases in webpack config) and we use names with uppercase for them.

We setup aliases to import components (you can see list of aliases in webpack config) and we use uppercase names for them.

Check a default rules for lint in .eslintrc and .stylelintrc files. We support a11y ideas and use rules and plugins that help make project more responsive and available.

Check default lint-rules in .eslintrc and .stylelintrc. We support a11y ideas. We use rules and plugins that help making project more responsive and accessible.

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

The goal of reset-stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.

Also please add hooks description.

Build app

We need to make frontend webpack-server to proxy requests to the backend in development mode.
In production, server should serve prebuilt frontend-app from smth like public.

Please continue working at server-structure branch.

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.