Actionhero Chat

An example Actionhero application using seqeulize and next.js
Alternatives To Actionhero Chat
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Next.js112,2773913 hours ago1,221July 28, 20232,487mitJavaScript
The React Framework
Chatgpt Next Web44,181
3 hours ago40mitTypeScript
A well-designed cross-platform ChatGPT UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT 应用。
Trpc28,833308a day ago435July 27, 202398mitTypeScript
🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
Swr27,962138894 hours ago148July 26, 202381mitTypeScript
React Hooks for Data Fetching
Jsoncrack.com25,639
a day ago41gpl-3.0TypeScript
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Lenster21,206
3 hours ago74agpl-3.0TypeScript
Lenster is a decentralized and permissionless social media app built with Lens Protocol 🌿
Medusa19,862504 hours ago159July 27, 2023353mitTypeScript
Building blocks for digital commerce
Nativebase19,6634,2913748 days ago378March 06, 2023344mitTypeScript
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
Nx19,3681264337 hours ago1,098August 01, 2023772mitTypeScript
Smart, Fast and Extensible Build System
Saleor19,081
3 hours ago645bsd-3-clausePython
Saleor Core: the high performance, composable, headless commerce API.
Alternatives To Actionhero Chat
Select To Compare


Alternative Project Comparisons
Readme

Actionhero Chat Sample Project

CircleCI


Welcome to Actionhero Chat!

When you sign up, you can chat with other users!


This project is a fully-fledged modern application based on Actionhero, React, and Next.JS. It uses Sequelzie as the ORM and connects to Redis and Postgres. This app is deployed automatically to Heroku from the master branch. This project is meant to serve as an example for a more complex Actionhero projects.

This application features:

  • Clear Project layout
  • Accounts (sign up, sign in, Sessions, CSRF validation)
  • Real time chat
  • Persistent message storage
  • Parallel Testing (unit, action, component, and integration)
  • Deployment and Hosting

Overview

This project runs Actionhero, which then in turn hands of processing of the front end to next.js - the project includes the code for both our backend (actionhero) and frontend (next.js).

API

  • Actionhero
  • Sequelzie and Typescript-Sequelzie via ah-sequelize-plugin
    • Migrations
  • typescript tags for model definition
  • migrations for database schema management
  • Session management via redis and endpoint protection via middleware
  • Parallel testing against multiple databases

Front End

  • Next.js
  • Client-side protection combining session cookies with CSRF protection
  • React + Hooks: Functional components and Hooks for API access
  • React Bootstrap for responsive pages
  • Full browser testing with Jest + Selenium

Running Locally (OSX)

# 1. ensure that postgres and redis are running
brew install postgresql
brew install redis
brew services start postgresql
brew services start redis

#2. create the postgres database
createdb chat_development

#3
npm start # or `npm run dev`

Testing

#1. create the postgres databases (we will run up to 5 tests in parallel)
./api/bin/create_test_databases

#2 Install the Chrome webdriver
# (on OSX)
brew cask install chromedriver

#3. Run the test suite
# we will built the app, run linters, and test the web and api
npm test

Deployment

This project is automatically deployed to Heroku upon changes to the master branch. chat.actionherojs.com hosts the latest version of this codebase. The Procfile determines what processes are run by Heroku.

Popular Nextjs Projects
Popular Reactjs Projects
Popular Frameworks Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Reactjs
Testing
Nextjs
Heroku
Migration
Csrf