https://github.com/codebrahma/reactjs-restaurantapp

https://github.com/codebrahma/reactjs-restaurantapp

Last synced: 6 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/codebrahma/reactjs-restaurantapp
• Owner: Codebrahma
• Created: 2017-05-17T09:48:00.000Z (over 8 years ago)
• Default Branch: dev
• Last Pushed: 2017-06-29T13:36:19.000Z (over 8 years ago)
• Last Synced: 2025-08-17T07:35:55.452Z (6 months ago)
• Language: JavaScript
• Size: 447 KB
• Stars: 2
• Watchers: 15
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React-Redux Boilerplate

A well constructed boilerplate for React-Redux applications.

* Clone the repo

* Run `npm install`

* Execute `npm start` or `npm run app`

* Application will be hosted on `http://localhost:3000/`

# Platforms

These are the technologies used:

* React - Developing UI

* Redux - Store management

* SASS - styling

* Node, Express - Server

# Directory Structure to be followed in frontEnd

```

app/

  modules/

    core/

      components/         - Root parent components, mostly main.js

      lib/                - place third party or own lib/utilities/helpers js files

    common/

      components/         - reusable dumb components

      styles.scss         - styles for all components in this module

     eg. home

      components/

      containers/

      styles.scss

    /

  styles/

    _mixins.scss          - scss mixins

    _type.scss            - define typeface for application here

    _colors.scss          - define color pallete used across app

    _variables.scss       - define scss variables

    _helpers.scss         - placeholders, etc.,

    main.scss             - main scss file which would be imported in root component of file

  app.js                  - entry point file for frontEnd\

  index.html

  reducers.js

  routes.js

  selectors.js            - optional. Only if you decide to use reselect module

  store.js

public/                   - to store any assets such as icons, imgs, fonts etc.,

internals/                - define configuration of webpack and others

server/                   - server modules

```

# NOTE

*	Supports hot reloading for React as well as Scss. For complete hot reload support for React components, you may have to define components by React.Component class, because hot reload supports only for those. Components created in Stateless function style is not currently supported

_No testing framework is added as of now, free feel to add a good one!_