fonio
a collaborative scholarly text editor allowing to build static websites
File Explorer
Download Latest Version (.zip)- bug_report.md
- feature_request.md
- cslMock.js
- fileMock.js
- styleMock.js
- xmlMock.js
- custom-environment-variables.json
- default.json
- production.json
- sample.json
- AssetPreview.js
- AssetPreview.scss
- index.js
- AuthorsManager.js
- index.js
- BibHelpModal.js
- index.js
- BibliographicPreview.js
- BibliographicPreview.scss
- index.js
- BibRefsEditor.js
- index.js
- CitationStyleSelector.js
- CitationStyleSelector.scss
- index.js
- ConfirmToDeleteModal.js
- index.js
- DataUrlProvider.js
- index.js
- DemoLeaveConfirmModal.js
- index.js
- EmbedHelpModal.js
- index.js
- ExplainedLabel.js
- index.js
- ExportModal.js
- index.js
- GlossaryModal.js
- index.js
- IconBtn.js
- index.js
- IdentificationModal.js
- index.js
- index.js
- InternalLinkModal.js
- index.js
- LanguageToggler.js
- index.js
- LinkModal.js
- index.js
- LoadingScreen.js
- index.js
- MetadataForm.js
- index.js
- MovePad.js
- MovePad.scss
- index.js
- NewSectionForm.js
- index.js
- PageNotFound.js
- index.js
- PaginatedList.js
- PaginatedList.scss
- index.js
- PasswordInput.js
- index.js
- PastingModal.js
- index.js
- ResourceForm.js
- apa.csl
- english-locale.xml
- AssetButton.js
- BlockButton.js
- BlockQuoteButton.js
- BoldButton.js
- ButtonStyles.scss
- CodeBlockButton.js
- defaultButtons.js
- GlossaryButton.js
- HeaderOneButton.js
- HeaderTwoButton.js
- InlineButton.js
- InternalLinkButton.js
- ItalicButton.js
- LinkButton.js
- NoteButton.js
- OrderedListItemButton.js
- RemoveFormattingButton.js
- Separator.js
- UnorderedListItemButton.js
- AssetButton.js
- Bibliography.js
- BlockContextualizationContainer.js
- GlossaryMention.js
- index.js
- InlineCitation.js
- LinkContextualization.js
- NoteButton.js
- NotePointer.js
- ResourceSearchWidget.js
- SectionEditor.js
- SectionEditor.scss
- SectionEditorWrapper.js
- index.js
- UploadModal.js
- AuthManagerContainer.js
- AuthManagerLayout.js
- index.js
- duck.js
- duck.js
- duck.spec.js
- AsideDesignColumn.js
- AsideDesignContents.js
- DesignViewContainer.js
- DesignViewLayout.js
- index.js
- MainDesignColumn.js
- StyleEditor.js
- buildCssHelp.js
- duck.js
- EditionUiWrapperContainer.js
- EditionUiWrapperLayout.js
- index.js
- duck.js
- ErrorMessageContainer.js
- index.js
- duck.js
- logo-forccast.svg
- logo-medialab.svg
- user-guide-fr.pdf
- ChangePasswordModal.js
- DeleteStoryModal.js
- EnterPasswordModal.js
- Footer.js
- HomeViewContainer.js
- HomeViewLayout.js
- index.js
- NewStoryForm.js
- OtherUsersWidget.js
- ProfileWidget.js
- StoryCard.js
- StoryCard.scss
- StoryCardWrapper.js
- duck.js
- duck.spec.js
- ConfirmBatchDeleteModal.js
- index.js
- LibraryFiltersBar.js
- LibraryViewContainer.js
- LibraryViewLayout.js
- ResourceCard.js
- ResourceCard.scss
- duck.js
- index.js
- ReadStoryViewContainer.js
- duck.js
- AsideSectionColumn.js
- AsideSectionContents.js
- index.js
- MainSectionAside.js
- MainSectionColumn.js
- MoveButton.js
- ResourceMiniCard.js
- ResourceMiniCard.scss
- ResourcesList.js
- SectionHeader.js
- SectionMiniCard.js
- SectionViewContainer.js
- SectionViewLayout.js
- ShortcutsModal.js
- SortableMiniSectionsList.js
- duck.js
- duck.js
- duck.spec.js
- AuthorItem.js
- index.js
- SectionCard.js
- SortableSectionsList.js
- SummaryViewContainer.js
- SummaryViewLayout.js
- duck.js
- duck.js
- copyTests.json
- pasteInsideTests.json
- pasteOutsideTests.json
- README.md
- services.js
- handleCopy.js
- handleCopy.spec.js
- handlePaste.js
- index.js
- makeReactCitations.js
- parsePastedImage.js
- parsePastedLink.js
- pasteFromInside.js
- pasteFromInside.spec.js
- pasteFromOutside.js
- pasteFromOutside.spec.js
- assetsUtils.js
- assetsUtils.spec.js
- citationUtils.js
- draftUtils.js
- editorToStoryUtils.js
- editorUtils.js
- fileDownloader.js
- fileLoader.js
- fileLoader.spec.js
- localStorageUtils.js
- lockUtils.js
- misc.js
- postcss.js
- projectBundler.js
- reduxUtils.js
- resourcesUtils.js
- schemaUtils.js
- translateUtils.js
- userInfo.js
- configureStore.js
- payloadValidatorMiddleware.js
- promiseMiddleware.js
- rootReducer.js
- socketIoMiddleware.js
- amazed-man.svg
- angry-man.svg
- angry-woman.svg
- baby-crying.svg
- baby-love.svg
- boy-broad-smile.svg
- boy-happy-smile.svg
- boy-smiling.svg
- boy-suffering.svg
- delighted-granny.svg
- disappointed-boy.svg
- embarrased-boy.svg
- embarrased-girl.svg
- embarrased-granny.svg
- emotive-granny.svg
- fat-boy-angry.svg
- fat-boy-shocked.svg
- fat-boy-smiling.svg
- fat-boy-sorry.svg
- fat-boy.svg
- frightened-hipster.svg
- girl-air-kissing.svg
- girl-crying.svg
- girl-embarrased.svg
- girl-laughing-to-tears.svg
- girl-showing-tongue.svg
- girl-smiling.svg
- girl-with-poker-face.svg
- happy-baby.svg
- happy-woman.svg
- hipster-smiling.svg
- hypnotized-hipster.svg
- index.json
- inexpressive-girl.svg
- kissing-girl.svg
- man-with-moustache-smiling.svg
- naughty-girl.svg
- perplexed-man.svg
- philosophizing-boy.svg
- sad-baby.svg
- sad-girl.svg
- sad-hipster.svg
- sad-woman.svg
- satisfied-woman.svg
- shocked-girl.svg
- sleeping-granny.svg
- sleepy-boy.svg
- smiling-baby.svg
- smiling-girl.svg
- surprised-girl.svg
- suspicious-man.svg
- teasing-boy.svg
- upset-girl.svg
- upset-granny.svg
- winking-boy.svg
- wondered-hipster.svg
- apa.csl
- chicago-author-date-fr.csl
- chicago-author-date.csl
- english-locale.xml
- iso690-author-date-en.csl
- iso690-author-date-fr.csl
- cover_forccast.jpg
- internal-link.svg
- logo-quinoa.png
- userNames.json
- en.json
- fr.json
- index.js
- Application.js
- Application.scss
- config.js
- main.js
- parameters.scss
- en.po
- fr.po
- addTranslationLanguage.js
- backfillTranslations.js
- discoverTranslations.js
- exportTranslationsToPo.js
- importTranslationsFromPo.js
- updateTranslationsToPo.js
- .dockerignore
- .eslintrc
- .gitignore
- .travis.yml
- 404.html
- 50x.html
- android-chrome-96x96.png
- apple-touch-icon.png
- browserconfig.xml
- config.json
- CONTRIBUTING.md
- docker-cmd.sh
- docker-nginx.conf
- Dockerfile
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- fonio-rs.png
- index.html
- index.prod.html.template
- LICENSE
- manifest.json
- MANUAL_E2E_TESTS_CHECKLIST.md
- mstile-150x150.png
- package-lock.json
- package.json
- README.md
- safari-pinned-tab.svg
- webpack.config.dev.js
- webpack.config.docker.js
- webpack.config.prod.js
- webpack.config.shared.js
# Installation Guide
1. Get the code
git clone https://github.com/medialab/fonio
Downloads the entire project code from GitHub to your computer.
cd fonio
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker build -t fonio .
Builds a runnable image based on the Dockerfile.
docker run -p 8080:80 fonio
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
3. Node.js
EasyPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
npm run build # builds the app to build dir
Builds optimized production files.
npm run lint # lints (auto-fix on) the js code
Type this command into your terminal and run it.
npm run comb # prettifies (s)css code
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
