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!

  • 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!

  • Memo editor

    A single page app for manage memos in sensenet.

  • Document browser

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

  • Event calendar

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

  • User search

    Example app for user search with sensenet.

  • DMS demo

    Example app with react and redux presenting document management capabilities.

  • Blog with sensenet and Gatsby

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