Example apps

The following example apps are made to demonstrate how you can build a single-page application based on sensenet.

You can check how they work from both sides, since content used by these apps are stored in our public demo repository (dev.demo.sensenet.com).

Modify something, add or delete content from the apps and check the changes in the content repository. In each app, you can find a link to the specific content (images, tasks, events etc.) used by the application. Feel free to play around!

These apps are built with the sn-react-boilerplate which means they contain the following:

• An example React SPA with sensenet repository login, written in Typescript ✨ (disabled for easy access)
• Jest tests with Enzyme 👓
• Pre-configured Webpack build 🧱
• prettier and eslint 💅
• husky lint & prettier pre-commit hook ⚓

• Image gallery

  This single page application shows how to build a simple photo gallery app. It has some basic features, so you can browse, upload and delete images.

  Tech used: ReactJS

  Pictures in the Image gallery are stored in our public demo repository (dev.demo.sensenet.com) in a dedicated container. If you login to this repo through the admin ui, you can see every image as a single content item.

  Upload new images to the Gallery app and check your new content in the admin ui.

  Feel free to play around!

  Try it out

  View on GitHub

• Todo app

  This single page application shows how to build a Todo app with some basic features.

  Tech used: ReactJS

  Tasks in the Todo app are stored in our public demo repository (dev.demo.sensenet.com) in a dedicated container. If you login to this repo through the admin ui, you can see every task as a single content item.

  Create and modify tasks and check the changes in the admin ui.

  Feel free to play around!

  Try it out

  View on GitHub

• Memo editor

  A single page app for manage memos in sensenet.

  Try it out

  View on GitHub

• Document browser

  This single page application shows how to build a document browser app with React connected to a sensenet content repository.

  Try it out

  View on GitHub

• Event calendar

  This single page application shows how to build a google calendar inspired app with React connected to a sensenet content repository.

  Try it out

  View on GitHub

• User search

  Example app for user search with sensenet.

  Try it out

  View on GitHub

• DMS demo

  Example app with react and redux presenting document management capabilities.

  Try it out

  View on GitHub

• Blog with sensenet and Gatsby

  Example of using a sensenet repository as a data source for a Gatsby blog

  View on GitHub