https://github.com/bob-lee/react-joanne

React version of Joanne's website (https://github.com/bob-lee/ng-joanne-lee)
https://github.com/bob-lee/react-joanne

firebase intersection-observer pwa react ssr workbox

Last synced: about 2 months ago
JSON representation

React version of Joanne's website (https://github.com/bob-lee/ng-joanne-lee)

• Host: GitHub
• URL: https://github.com/bob-lee/react-joanne
• Owner: bob-lee
• Created: 2017-12-15T22:58:38.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T02:09:54.000Z (about 2 years ago)
• Last Synced: 2024-04-11T16:19:32.312Z (9 months ago)
• Topics: firebase, intersection-observer, pwa, react, ssr, workbox
• Language: JavaScript
• Homepage: https://react-joanne.web.app/
• Size: 4.47 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Joanne Lee

This is Joanne's website, shows her works. Clicking on each image will show it in full-screen mode. Images are dynamically served from `Firebase storage` and lazily loaded using `IntersectionObserver` API. All resources are cached by `workbox` service worker that makes the web faster on next visit and even when user lost the internet. Also the web will be server-side-rendered to make it faster and easier to be found by search engines.



The website was built and deployed using following technologies: 

* [React](https://reactjs.org/): A JavaScript library for building user interfaces

* [Create React App](https://github.com/facebookincubator/create-react-app): a React application build tool

* [Workbox](https://workboxjs.org/): JavaScript libraries for Progressive Web Apps

* [Firebase](https://firebase.google.com/): cloud platform for storage, database, hosting and functions

[Visit the web!](https://react-joanne.web.app)

```

// to install dependencies

yarn

// to debug on localhost:3000

yarn start

// to run tests

yarn test

// to build for production

yarn build:ssr

// to test on localhost:5000 with production build

yarn serve

// to deploy on firebase hosting cloud

firebase deploy

```