This is the github pages repository used for hosting the Temple Robotics website. This website uses react for a single page static website, using the database located at public/db.json to fetch events.
The event database is located here. Add an event by appending to the array. Events will need to be removed manually, as gh-pages cannot host a dynamic webpage. An example json can be seen below.
The date format: mm/dd/yyyy
The only other accepted format is an empty string, meaning the date has not been decided yet
Important: Make sure to increment the id
[
{
"title": "Title of the event",
"description": "Description of the event",
"date": "04/22",
"location": "Engineering building",
"id": 0
},
{
"title": "Title of the event 2",
"description": "Description of the event 2",
"date": "04/23",
"location": "Engineering building",
"id": 1
}
]There is information on changing certain data in this README. This includes things such as changing the photo galleries or adding new photos to them, adding to the home carousel, adding to the rocksat table, etc.
It should be pretty simple getting the website set up on vscode. First you will need to download Node.js.
Once the newest version of Node.js is installed, you can install the node packages with npm as follows
npm iYour environment should now be set up!
Once the environment is set up, there are a few commands once should know for deploying locally and to the gh-pages branch.
npm start # Start the website locally at http://localhost:3000/website-2.0
npm run deploy # Deploy the website to gh-pages. This should do all the work for you!I use the following extensions in my environment: