An open API service indexing awesome lists of open source software.

https://github.com/uk2459644/open-academy

A project showing the usage and customization of EditorJs to make an educational app for web, android, and desktop.
https://github.com/uk2459644/open-academy

apollo-client backend-development editorjs editorjs-plugin electron firebase firebase-auth front-end-development graphql graphql-api javascript material-ui react reactjs strapi

Last synced: about 2 months ago
JSON representation

A project showing the usage and customization of EditorJs to make an educational app for web, android, and desktop.

Awesome Lists containing this project

README

          

# Open Academy (React Project)

![open-academy](https://user-images.githubusercontent.com/75515703/216514593-2d24ee3d-c085-4c1f-9a79-467b9e2a2262.gif)

This project has created as fullstack project, frontend with React and Backend on Strapi.
You can visit [Frontend](https://open-academy-63ad7.web.app/dashboard/app) and [Backend](https://open-academy-strapi.onrender.com/admin).

I have used mui's(Material ui) [free demo template](https://mui.com/store/items/minimal-dashboard-free/) and developed, customized it for my project.

## Major packages used for this project
[Editorjs](https://editorjs.io/) -- for making pages, data etc.
[Appolo Client](https://www.apollographql.com/docs/react/) -- for data handling with backend (By graphql methods).
[Firebase] -- for authentication and frontend deployment.
[Capacitor](https://capacitorjs.com/) -- for converting this project package to android and ios app.
[Electron](https://www.electronjs.org/) -- for converting this project package to desktop app (Windows,Linux,Apple).

## Plugins developed by me for this project
[editorjs-math-uk](https://github.com/uk2459644/editorjs-math-uk) -- for writing mathematical equtions.
[editorjs-4-option](https://github.com/uk2459644/editorjs-4-option)
[editorjs-chart](https://github.com/uk2459644/editorjs-chartuk)

My plugin works with Editorjs.
## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `yarn build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.