Portfolio
electron-vite-react
Portfolio | electron-vite-react | |
---|---|---|
6 | 3 | |
46 | 1,630 | |
- | 2.8% | |
1.8 | 7.0 | |
over 2 years ago | 14 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
electron-vite-react
- How to use ChatGPT to build macOS applications without any code experience
-
Can't seem to get ipcRenderer / contextBridge working and it's driving me crazy
This is literally like my 13th attempt trying to build this electron + react app. On the first attempt I started with this boilerplate code and actually got everything working in dev mode (by somehow doing a hacky import of ipcRenderer directly in one of my react components, spaghetti code left and right, etc.) but as soon as I tried to build/package the app into an executable with electron-builder the goddamn thing wouldn't even start. I kept getting so many errors. And when I would "fix" one, another one would appear. I tried so many "solutions" that were posted on stackoverflow and even asked ChatGPT and the only answers I got were vague "make sure your imports are declared correctly and make sure the context is correct, etc." which I couldn't seem to sort out in my mess of a project. So I decided to say fuck it and just start fresh with a different electron + react boilerplate/template and simply copy over my react components and figure it out from there.
-
How can I use my Objection.js model interfaces in my react front-end?
I am working on an electron react vite app bootstrapped fron this repo: https://github.com/electron-vite/electron-vite-react.
What are some alternatives?
react-portfolio - Portfolio Template (One-page, React, TypeScript, Bootstrap)
acebase - A fast, low memory, transactional, index & query enabled NoSQL database engine and server for node.js and browser with realtime data change notifications
create-react-app - Set up a modern web app by running one command.
vite-reactts-electron-starter - Starter using Vite2 + React + Typescript + Tailwind + Electron Starter.
vite-electron-builder - Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla
Chronos - ๐ ๐ ๐ Monitors the health and web traffic of servers, microservices, Kubernetes/Kafka clusters, containers, and AWS services with real-time data monitoring and receive automated notifications over Slack or email.
maya - A fullstack app with end-to-end type safety. Built with TypeScript, tRPC, React, Express, PG-Promise