https://github.com/wmundev/ccic-blockchain-challenge
https://github.com/wmundev/calpoly-rmit-ccic-capstone
https://blockchain.cacyber.net
Credentials not needed
To get started, the technologies needed to be installed are NodeJS and git
To install NodeJS,
- Open a web browser and go to (https://nodejs.org/en/download/)
- Download the relevant installer for their operating system. For example, for windows, I will click on the “Windows Installer” image as shown below and it will download to my system.
- Double click and run the downloaded file and install it
The next software that needs be installed is “git”.
- Open a web browser and go to (https://git-scm.com/downloads)
- Click on one of the downloads for your operating system
- For example, for windows, I will click on the windows link and then save the file to your computer
- Double click and run the downloaded file and install it
Once installed, the following steps for setup are as follows:
- Open Git bash (Open the Start menu by clicking on the Windows icon and typing “Git Bash” into the search bar. The icon for Git Bash and the words “Git Bash Desktop App” will appear. Click on the icon or the words “Git Bash Desktop App” to open Git Bash.)
- Type in the command
git clone git@github.com:wmundev/ccic-blockchain-challenge.git
and press enter - A folder called “ccic-blockchain-challenge” should have been created with the codebase inside it.
- Open the folder
- Type in the command
npm install
and press enter (this will install the packages needed for the application) - To build the app, type in the command
npm run build
and press enter - To run the app, type in the command
npm start
and press enter
This will then start the application on your localhost on port 3000, to access the application, open your web browser and navigate to the URL http://localhost:3000 and you can now start development.
Prerequisites: You should have already run the build command npm run build
and a build
folder should have been created with the complete application files built in there.
- Create a new AWS Account (https://aws.amazon.com/premiumsupport/knowledge-center/create-and-activate-aws-account/)
- Go to https://s3.console.aws.amazon.com/ and sign into your AWS Account
- Choose Create bucket and add a bucket name eg.
ccic-blockchain
- Choose the Region to create the bucket.
- Accept defaults and after creating bucket, In the Buckets list, choose the name of the bucket that you want to enable static website hosting for.
- Click on properties, then under Static website hosting, choose Edit.
- Copy all the files in the
build
folder in the current project as indicated in the prerequisites and upload all the files inside to the newly created s3 bucket. - Under Static website hosting, choose Enable.
- In Index document, enter index.html and save.
- Go into Permissions, Clear Block all public access, and choose Save changes.
- Under bucket policy, click edit and in bucket policy editor paste the following code.
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::Bucket-Name/*"
]
}
]
}
- Update Bucket-Name in the bucket policy above to the name of your bucket eg.
ccic-blockchain
and save changes. - Now when you click on properties and then static website hosting the bucket website endpoint will be displayed. Eg. http://ccic-blockchain.s3-website-us-east-1.amazonaws.com
For full instructions relating to the official static website hosting for AWS S3, refer to this link (https://docs.aws.amazon.com/AmazonS3/latest/userguide/HostingWebsiteOnS3Setup.html)
- Navigate to the root folder.
- Open a terminal application, if you are on windows for example, open up PowerShell.
- Run the command
npm run test:all
All unit tests should now run and output the results
- UI
- content changes
- add credits
- N/A
- N/A
- Is a drag and drop challenge now
- Include many different types of hints to help the player
- Implement the storyline in the application
- Included elements of blockchain knowledge required to complete the challenge
- Add in README instructions for starting application, and deploying application to S3
- Offline caching
- Icon update and title update
- Add in more hints for the challenge and add in more elements and beautify UI
- UI change - center div
- Blockchain challenge now changed to a drag and drop challenge instead of inputting an answer
- Added feature to submit form
- Fix images not loading bug
- Added new blockchain challenge
- Add images flashing every 15 seconds
- add test documentation
- make content changes requested by the CalPoly team
- Change text
- Update UI Styling
- add credits for rmit and calpoly team
- fix unit tests
- Update Github Actions for unit testing
- Complete refactor of blockchain challenge
- Is a drag and drop challenge now
- Include many different types of hints to help the player
- Implement the storyline in the application
- Included elements of blockchain knowledge required to complete the challenge
- Add in README instructions for starting application, and deploying application to S3
- remove dead code
- Add pwa service worker for offline caching
- Icon update and title update
- Add in more hints for the challenge and add in more elements and beautify UI
- Remove debugger and center div
- Blockchain challenge now changed to a drag and drop challenge instead of inputting an answer
- Added feature to submit form
- Fix images not loading bug
- Added new blockchain challenge
- Add images flashing every 15 seconds