https://github.com/leunardo/leunardo.github.io

my site & blog.
https://github.com/leunardo/leunardo.github.io

Last synced: 25 days ago
JSON representation

my site & blog.

• Host: GitHub
• URL: https://github.com/leunardo/leunardo.github.io
• Owner: leunardo
• Created: 2017-07-21T03:17:26.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-02-03T05:08:55.000Z (almost 2 years ago)
• Last Synced: 2024-04-15T08:08:50.927Z (9 months ago)
• Language: TypeScript
• Homepage: http://leonardoalves.dev
• Size: 6.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# leonardoalves.dev

My personal website & blog

![CI Finance status badge](https://github.com/leunardo/leunardo.github.io/workflows/CI%20Finance/badge.svg)

| Name          | URL                                                               | Public

|---------------|-------------------------------------------------------------------|-------

| Site          | [leonardoalves.dev](https://leonardoalves.dev)                    | ✅

| Blog          | [blog.leonardoalves.dev](https://blog.leonardoalves.dev)          | ✅  

| Finance       | [finance.leonardoalves.dev](https://finance.leonardoalves.dev)    | ❎ 

---

## Tech stack

The architecture is very modern and simple, made with micro-frontends in mind. I have used [LitElement](https://lit-element.polymer-project.org/) which is a javascript framework to create fast and lightweight [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). The language used is typescript and everything is bundled together using handcrafted [webpack](https://webpack.js.org/) files aiming small bundles and more customization.

For Finance I used Angular PWA.

## Cloud Environment

Both sites are hosted within firebase. App & Blog uses Firebase Hosting. Blog also uses Firestore to store posts and Firebase Storage for posts' images.

## Run & Deploy

### Site

- hot reload: `./modules/site $ npm start`

- build: `./ $ npm run build:site`

### Blog

- hot reload: `./modules/blog $ npm start`

- build: `./ $ npm run build:blog`

### Finance

- hot reload: `./modules/finance $ npm start`

## Contributing

Actually I doubt someone wanting to PR this repository because it's my personal work, although if you was curious about how I built it and know something I can improve and want to help, just drop me a PR or email me at [email protected]. I will be very glad to know someone is reading this 😋. Thanks.

## License

[MIT](https://choosealicense.com/licenses/mit/)