BUILT WITH REACTJS

A React + AWS Serverless full stack implementation of the example applications found in the official OpenAI API documentation. See this system architectural diagram for details. This is an instructional tool for the YouTube channel "Full Stack With Lawrence" and for University of British Columbia course, "Artificial Intelligence Cloud Technology Implementation".

React Matrix Digital Rain Effect gives you your favorite Matrix movie screen effect in the form of a React component. The source originates from an October 2021 blog article written by Adam Nagy, "Matrix raining code effect using JavaScript".

• Lightweight: The active code in this repository is less than 100 lines. It uses a canvas for rendering, which should ensure that it is both performant and that it works in most browsers.
• Use Anywhere: The <MatrixRainingLetters /> component tag can be placed anywhere in your jsx return function. It accepts custom classes and responds normally to CSS styling.

License: MIT This is a fully functional reference project that demonstrates a hybrid Django + ReactJS setup. After building this environment locally you can view this example page with ReactJS running inside of Django. The React app in this project was scaffolded with Create React App. It is completely scalable and is wrapped inside of a Django app located in django_with_react/djangoapps/frontend. You build the React app normally, using npm run build or yarn run build. This single view within the frontend app enables the Django templating system to automatically find and seamlessly integrate the React build's optimized js and css bundles. You have the option of using both Django urls.py as well as React Router. Additionally, you can pass data to the React app using both a traditional REST api or using the Django template context. The React build is served entirely by Django's templating system and native static asset functionality. There are some anciliary objectives as well that bear mentioning. The local development stack consists of the following fundamental building blocks:

1. Python Virtual Environment This project uses Python3.9 with what I consider to be the ideal set of PyPi packages for a garden variety Django project as of this writing.
2. Django project that was scaffolded with cookiecutter-django and includes a fully configured implementation of Django REST Framework that is ideally suited for serving a REST api for the ReactJS frontend.
3. The ReactJS app.
4. Sphinx documentation server that was also scaffolded with CookieCutter
5. Docker which provides all backend services (see the list below, in this section)
6. HTTPS. This project also includes documentation and an example of how to implement https in your local development environment, which is helpful for things like testing oauth.
7. Opinionated Code Styling Enforcement. This project includes an example implementation of pre-commit with black and flake8 code formatters. The Docker backend services consist of the following:

• Django WSGI app server:
• http://localhost:8000
• https://django_with_react.stepwisemath.local/
• Nginx server
• Postgres database server: port 5432
• Sphinx Documentation server: http://localhost:7000
• Flower server: http://localhost:5555
• Celery worker
• CeleryBeat server

My personal web site. Of note:

• React single page web app
• Redux state management
• Progressive web app architecture using workbox
• Static asset precaching using service-worker.js
• Logo cube on home page. see LogoCube source and my blog post on Animations in React
• Matrix Digital Rain Effect component. Gives you your favorite Matrix movie screen effect in the form of a React component. Implemented as an npm package.
• Content component. An optimized content library sourced by Api's from GitHub, YouTube and Wordpress.

The official chat UI for Smarter LLMClients. Drop it into any website, whether React, Next.js, WordPress, Django, Flask, Node.js or plain HTML, and it gets its behavior and its look from the LLMClient's YAML manifest. Smarter Chat is the chat window of the Smarter web console's prompt engineering workbench, published on npm so you can put the same chat on your own website: a marketing site, a customer portal, a storefront, an intranet or an application. You build and run the chatbot on Smarter, and this package displays it on your pages. The complete guide is at docs.smarter.sh. Documentation · Storybook · Changelog · Issues

Demonstrates the basic pattern for integrating a @smarter.sh/ui-chat npm component into an existing web page. This is a generic integration pattern that is intended to facilitate plugin tool development for any ecosystem, including for example, Microsoft Dynamics, Microsoft Sharepoint, SAP, salesforce.com, Wordpress, Drupal, Wix, Squarespace, Shopify, and others. See also: Read the Docs: Production Deployment Guide Injects a lightweight react.js app into the DOM. The app itself is freely downloadable at @smarter.sh/ui-chat, or alternatively you can fork https://github.com/smarter-sh/smarter-chat.