A React JS frontend site for the non-profit organization The University of the Philippines Silak-Silab Foundation. The Foundation’s mission is to liberate poor but deserving students from poverty through access to education. AWS Amplify is used for deployment. Whenever the app's GitHub repository is updated, AWS Amplify automatically deploys the latest version.
- ReactJS A JavaScript library for building user interfaces
- Node.js A JavaScript runtime built on Chrome's V8 JavaScript engine.
- Bootstrap An open source toolkit for developing with HTML, CSS, and JS.
- AWS Amplify AWS Amplify enables developers to develop and deploy cloud-powered mobile and web apps. The Amplify Framework is a comprehensive set of SDKs, libraries, tools, and documentation for client app development. The Amplify Console provides a continuous delivery and hosting service for web applications.
- Amazon Route 53 Amazon Route 53 is a highly available and scalable Domain Name System (DNS) web service. it is used to perform three main functions in any combination: domain registration, DNS routing, and health checking.
- styled-components
- react-ionicons
- react-router-hash-link
Used GH-PAGES to deploy build
npm run build
creates static files in/build
foldernpm run deploy
pushes static files togh-pages
branch- SSH to Raspberry Pi, cd to front-end folder
git pull gh-pages
to pull gh-pages branch
https://create-react-app.dev/docs/deployment/
settings.py STATIC_URL = '/static/' MEDIA_URL = '/static/images/'
https://react-ionicons.netlify.app/
Photo by Wander Fleur on Unsplash
Photo by Nathan Dumlao on Unsplash