Releases: takaneichinose/takaneichinose.github.io
Initial Release
My Personal Home Page
Description
This is the distributed repository of my profile home page.
To see the actual distributed program, please visit my homepage from Github Pages: https://takaneichinose.github.io.
This is the repository of the main source code. https://github.com/takaneichinose/profile
The main concept of my homepage is like a game. The UI is like retro game with pixellated images. The messagebox is like a speech dialog which is common in retro RPG game.
You can click anywhere on the floor to move the character. Although movement of character is meaningless, I just want to show the animation of the character while moving. The movement has also an algorithm where the character avoids an object with collision on it.
There are few interactable objects in this game.
- Files -> To view my resume
- Laptop -> To open my blog
- Top-right hamburger -> To open the main menu
Building the program
For my future reference, below is the way in how to build the program.
- Clone the repository
- Optional: Install yarn as package manager
- Install the dependencies using yarn
# yarn
or using npm# npm install
- Build the main program using yarn
# yarn build
or using npm# npm run build
- At the step above, the distributed program will be produced, and dist folder will be generated. The step from here will be optional if you want to run the program on the localhost.
- Create a local virtual server using yarn
# yarn start
or using npm# npm start
. - After building, usually it can accessed at http://localhost:1234/.
Resources
- ReactJS JavaScript framework
- Aseprite Image creation software
- Parcel Package manager
- TypeScript JavaScript transpiler
- Redux State management library
- yarn Package manager
- npm Initial package manager
- NodeJS JavaScript used for building
- Sass or SCSS for CSS framework
- pug For HTML template engine