https://github.com/ashokdey/react-universal
:crown: Isomorphic JS app. React Server-side rendering, Node + Mongo backend :crown:
https://github.com/ashokdey/react-universal
express isomorphic isomorphic-applications isomorphic-javascript mongodb nodejs react react-router redux server-rendering universal-react
Last synced: 3 months ago
JSON representation
:crown: Isomorphic JS app. React Server-side rendering, Node + Mongo backend :crown:
- Host: GitHub
- URL: https://github.com/ashokdey/react-universal
- Owner: ashokdey
- Created: 2017-07-30T14:15:23.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-08-06T02:48:55.000Z (almost 8 years ago)
- Last Synced: 2025-01-28T18:49:41.008Z (5 months ago)
- Topics: express, isomorphic, isomorphic-applications, isomorphic-javascript, mongodb, nodejs, react, react-router, redux, server-rendering, universal-react
- Language: JavaScript
- Homepage: https://reactuniversal.herokuapp.com/
- Size: 7.12 MB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Universal React App
#### Live Here: _[https://reactuniversal.herokuapp.com](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](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](./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]](#)_