You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+45-10Lines changed: 45 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,19 +1,19 @@
1
1
## climate-profile-full
2
2
3
-
Dynaimc widgets/apps for external website embedding on Google Sites.
3
+
This project creates rich CSS-styled blog-like **Posts** or **Card-like** thumbnail web pages for embedding in Google Sites as external websites.
4
4
5
-
## Requirements
5
+
It also features a lightweight Content Management System (CMS) for creating and managing Google Site embeddable blog-like **Posts** and **Card** content.
6
6
7
-
1. Windows, Linux or Mac OS
8
-
2. NodeJS LTS v16.14.2
7
+
### Using with Google Sites
9
8
10
-
### Core Libraries/Frameworks
9
+
1. Copy a File Card's `IFrame Embed URL`.
10
+
2. Paste the `IFrame Embed URL` in Google Site's **Embed from the web** - By URL input prompt.
- NextJS is one of the @latest React frameworks officially endorsed on the react.dev website
42
+
- NextJS's Static Side Generation (SSG) feature, combined with Incremental Static Generation (ISG) creates SEO-optimized websites fit for uploading on static hosting services such as GitHub Pages.
43
+
- NextJS offers code automatic code-splitting, enabling a smaller download footprint per page route
44
+
2.**React 18.2.0**
45
+
- React version 18's is the latest react version as of this writing
46
+
3.**@reduxjs/toolkit v1.9.3**
47
+
- Redux offers a structured, organized, and centralized global "state management" system as a single source of truth that occasionally syncs with the database.
48
+
- Redux states are available across all components using intuitively-named hooks.
49
+
- Redux states are more predictable, consistent and less prone to errors by
50
+
- promoting data normalization (which is optional), and
51
+
- use of reducers which ensures data immutability
52
+
- Its async data fetching mechanisms and middleware sync well with complex store states and of informing the client app of the loading state.
53
+
- Redux states are easy to debug using the Redux Dev tools.
54
+
- People can easily follow where the centralized data stores and async data fetching methods are located in the code base when working in teams, especially for large, complex enterprise apps.
55
+
- Redux state management will scale well with this app's incoming feature updates containing more complex data models and states.
56
+
- Redux has excellent documentation and a thriving community, and it has proven to be one of the most mature, albeit boilerplates and complex react state management libraries of all time.
57
+
4.**firebase v9.18.0**
58
+
- Firebase, being a Backend-as-a-Service (Baas), makes it possible to create apps without creating a separate backend server app.
59
+
- Firebase offers a Web (JavaScript) SDK for working on the frontend (websites) and the Firebase Admin SDK for client-side scripting.
60
+
- Firebase offers ready to use Authentication systems
61
+
- Firestore database provides a lightweight document database for storing and querying simple data. Security is enforced using the Firebase Security Rules.
62
+
- Firebase Storage provides an easy-to-use and access container for rich-data content. Security is enforced using the Firebase Storage Security Rules.
63
+
- Firebase offers generous limits for testing and playing around with its Spark (standard) plan, after which users can upgrade to the Blaze (paid) Plan as needed.
64
+
5.**firebase-admin v11.5.0**
65
+
- The Firebase Admin SDK allows elevated scripting access to various Firebase services, that are not available when using the Firebase (JavaScript) SDK.
0 commit comments