Portfolio
pcui
Portfolio | pcui | |
---|---|---|
6 | 2 | |
46 | 644 | |
- | 0.6% | |
1.8 | 8.2 | |
over 2 years ago | 4 days ago | |
TypeScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Portfolio
-
How to have a professional online appearance
Below is a screenshot of my portfolio site. I made a mockup in Adobe XD and then built it with React.js and Typescript. The code for my portfolio can be viewed on my Github Portfolio Repository.
-
Had a lot of fun building my Portfolio site
Thanks! And I built this project in a Javascript framework called React.js. And all of the elements are components, so if I wanted to add more projects I would simply add a new component called WorkCard and pass in the project-specific values. If you're interested you can see the code here https://github.com/JackRKelly/Portfolio. It is all written in JSX which is basically Javascript in HTML.
I use inline styles with template literals containing a ternary operator for some Boolean stateful value. I’m sure I could use ReactTransitions to achieve a similar look but I haven’t had any reason to move to that. I have been just fine so far! See here for an example: https://github.com/JackRKelly/Portfolio/blob/0897ec946899dc841a683c6ff9a38d8fe6b4f3e2/src/components/Navigation.tsx#L98
pcui
-
Developers don't appreciate Flutter Web enough
And of course the fact that Figma, Miro, etc. are actually running in the browser (IIRC Figma is written in C++ and cross compiled with emscripten, at least it was in 2017) and aren't written with Flutter is an indicator that Flutter also has competition here. Here's a WebGL based GUI framework, for example. (And unlike Flutter, it has a built-in tree view and built-in context menus, just saying.)
- Creating a DOOM-inspired aesthetic with PlayCanvas – an interactive article
What are some alternatives?
react-portfolio - Portfolio Template (One-page, React, TypeScript, Bootstrap)
Godot - Godot Engine – Multi-platform 2D and 3D game engine
create-react-app - Set up a modern web app by running one command.
react-block-ui - Easy way to block the user from interacting with your UI.
ResponsiveFramework - Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Demo: https://gallery.codelessly.com/flutterwebsites/minimal/
model-viewer - 3D model viewer supporting glTF 2.0 and PLY (3d Gaussian Splats)
engine - Fast and lightweight JavaScript game engine built on WebGL and glTF
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
react-multistep - React multistep wizard component
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.