catamphetaminecatamphetamine
122

Webapp

screenshot of Webapp

web application boilerplate (React, Redux, React-router, i18n, isomorphic, etc)

Github

Overview

WebApp is a generic web application built with React and Redux. It features a variety of key elements and functionalities including Babel 6, React, React-router, Redux, Webpack, Isomorphic rendering, Hot reload for React components, User authentication and authorization, REST APIs, SQL ORM with PostgreSQL and Knex, MongoDB, Microservice architecture, Responsive web design, Koa, Bunyan logging, Http Cookies handling, and more.

Features

  • Babel 6: Allows for code transformation and compatibility.
  • React: A popular JavaScript library for building user interfaces.
  • React-router: Enables routing and navigation within the application.
  • Redux: A predictable state container for JavaScript apps.
  • Webpack: A module bundler for applications.
  • Isomorphic rendering: Allows for rendering on both the server and the client side.
  • Hot reload: Provides live reloading of React components, Redux reducers, and action creators.
  • Internationalization with React-intl: Supports internationalization by providing translation capabilities.
  • User authentication and authorization: Implements JSON Web Token for user authentication and role-based authorization.
  • REST APIs: Provides RESTful APIs for communication between the frontend and backend.
  • SQL ORM (PostgreSQL + Knex): Utilizes SQL ORM for database operations, with support for PostgreSQL and Knex.
  • MongoDB: Includes support for working with MongoDB as a database.
  • Microservice architecture: Follows a microservice architectural pattern for building the application.
  • Responsive web design: Ensures that the application is responsive and adapts to different screen sizes.
  • Works with or without JavaScript enabled: Suitable for both regular web browsing and DarkNet purposes.
  • Koa: A web framework used for building the application.
  • Bunyan logging: Provides logging capabilities with built-in log file rotation.
  • Correct handling of Http Cookies on the server-side: Ensures proper handling of Http Cookies when processing requests.
  • To be done: GraphQL + Relay: Plans to implement GraphQL and Relay for enhanced data fetching and management.
  • To be done: native Node.js clustering: A future feature to enable native Node.js clustering for scalability purposes.

Summary

WebApp is a generic web application built with React and Redux. It includes a wide range of features such as Babel 6, React-router, Redux, Webpack, Isomorphic rendering, Hot reload, User authentication and authorization, REST APIs, SQL ORM, MongoDB, Microservice architecture, Responsive web design, Koa, Bunyan logging, Http Cookies handling, and more. The installation process involves meeting certain prerequisites and running specific commands to set up and run the application. It offers both development and production modes, each with its own set of processes and configurations. Overall, WebApp provides a robust foundation for building web applications using React and Redux.