Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/3rendan/athtest
A React.js single page application using the Omeka API from http://digital.provath.org/api the art collection of the Providence Athenaeum available at dpa.brendanryan.xyz.
https://github.com/3rendan/athtest
bootstrap context-api hooks javascript material-ui omeka react reactjs sass sass-mixins
Last synced: 7 days ago
JSON representation
A React.js single page application using the Omeka API from http://digital.provath.org/api the art collection of the Providence Athenaeum available at dpa.brendanryan.xyz.
- Host: GitHub
- URL: https://github.com/3rendan/athtest
- Owner: 3rendan
- Created: 2020-09-21T23:41:23.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-10T21:06:08.000Z (almost 2 years ago)
- Last Synced: 2024-10-30T22:36:46.219Z (about 2 months ago)
- Topics: bootstrap, context-api, hooks, javascript, material-ui, omeka, react, reactjs, sass, sass-mixins
- Language: JavaScript
- Homepage: http://dpa.brendanryan.xyz
- Size: 1.92 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ATH | SPA
A React.js single page application using the API from http://digital.provath.org/api to display the art collection of the Providence Athenaeum avaible at dpa.brendanryan.xyz. The present version uses ContextAPI and custom hooks to populate the state with data.
> Omeka, API, React.js, Bootstrap, Netlify, JavaScript
[](https://travis-ci.org/badges/badgerbadgerbadger) [](http://badges.mit-license.org)
## Table of Contents (Optional)
- [NPM Packages](#npm-packages)
- [Background](#background)
- [Setup](#setup)
- [Future Development](#future-development)
- [FAQ](#faq)
### NPM Packages
- React 16.13.1
- Styled Componets 5.2.1
- Material-UI
- Bootstrap 4.5.3
- CORS 2.8.5
- Express 4.17.1
- ReactDOM 16.13.1
- React-loader-spinner 3.1.14
- React-router-dom 5.2.0
### Background
This project was bootstrapped with create-react-app. The Providence Athenaeum presently has a site for digital collections available at digital.provath.org I created using a customized version of InteractiveMechanics/ sckls-omeka project available on Github. It uses the free CRM Omeka, which provides a robust system for cataloging digital objects to library standards.
### Future development
* SASS for styling
* responsive styling through SASS
* Item positioning
* Flex styling for single item page
* box shadows on items display page
* Modal for metadata on mobile
* Horizontal scroll of collection items on browse page
### FAQ/ Troubleshoot
Please contact me at [email protected] with any questions regarding the project. I would be happy to help anyone with questions or who is working to develop their own Omeka site at their institution.
- I utilized this nifty Markdown Cheatsheet for this sample `README`.