https://github.com/edisonneza/react-blog

PWA Blog template using ReactJs and Material UI
https://github.com/edisonneza/react-blog

blog-news material-ui offlinemode pwa react-context react-redux react-router reactjs redux

Last synced: about 5 hours ago
JSON representation

PWA Blog template using ReactJs and Material UI

• Host: GitHub
• URL: https://github.com/edisonneza/react-blog
• Owner: edisonneza
• Created: 2021-01-11T16:25:31.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-08T10:40:35.000Z (almost 4 years ago)
• Last Synced: 2023-03-04T14:48:14.725Z (almost 2 years ago)
• Topics: blog-news, material-ui, offlinemode, pwa, react-context, react-redux, react-router, reactjs, redux
• Language: JavaScript
• Homepage: https://edisonneza.github.io/blog/
• Size: 2.86 MB
• Stars: 13
• Watchers: 1
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PWA Blog template using ReactJs and Material UI

This is a template PWA - Progresive Web Application that uses ReactJs and Material UI. 


App works offline by saving responses in localStorage. 


Currently I've done the development in a subfolder ('/pwa/'). To run in the root folder just remove the ("homepage": "/pwa/",) in the package.json file. (Also remove the "set HOST=intranet&& " from scripts->start property in package.json)

Store is now managed by React-Redux.

Store is managed using React's Context API. 


Switch to "react-context" branch to see the React-Contex version


(Posts are being retrieved from a wordpress site using the WordPress REST API)

Steps to install and start playing with the project:

1. git clone https://github.com/edisonneza/react-blog.git

2. npm i

3. npm run start

To generate build files (by removing the source map files) 

* npm run winBuild




or (if LINUX)

* npm run build

See GIFs below on desktop and mobile devices:

![desktop version](preview_images/tech_news_en_desktop.gif)

![mobile version](preview_images/tech_news_en_mobile.gif)