Universal React App

Live Here: https://reactuniversal.herokuapp.com

• Uses React both in Client-Side and Server-Side
• Uses Redux to manage states
• Uses Server-side React rendering which makes the app an Isomorphic JavaScript App
• Uses Node + Express as backend
• Uses MongoDB for persisting data
• Latest version of Webpack for bundling and transpiling React and ES6

How to use this app?

• Clone this repo
• Run npm install - to install all the dependencies
• Run npm run mongod - to start MongoDB Server in Windows
• Run npm start - to start NodeJS Server
• Go to http://localhost:3000 - To see the app running

There are few more NPM command

• npm run webpack - to run webpack while you're making changes in the client app.
• npm run wp - to run webpack for production. It doesnot watch the files for changes

Note: Please change the location of your MongoDB path for windows at line #7 in package.json

Branches

There are currently few more branches in this repo apart from the master branch

• client-app : Contains the react-redux app before converting it into an Isomophic app
• universal-app : Contains the universal react app with server side rendering
• production : Contains the production build configs for webpack and removal of console logs

TODO:

• Try to reduce the bundle size
• Will be working on the production version of this app
• Contents for About and Contact Pages
• Authentication for Admin
• Edit already existing book details
• Image upload for adding new books
• Convert it into a PWA

Contributors are welcome

Since I am very new to React and Universal React apps I would like to learn more therefore opening issues and contributions are welcome. Just drop me a mails here: [email protected]