Portfolio

My personal portfolio demo

• Installation
• Development
• Deployment
  • Fly
  • Locally
• Runtime and Tools
• Technologies
  • Frontend
  • Backend

Installation

Install pre-reqs

Then:

Run

git clone https://github.com/ZackarySantana/Portfolio.git portfolio

If it doesn't work, run

git clone [email protected]:ZackarySantana/Portfolio.git portfolio

Then make sure to cd (change directory) in to the folder

cd portfolio

Make sure you have followed installing and setting up fly

And deploy to the web with

fly launch

If you have already deployed it once, run

fly deploy

If either command fails, just run it again or message me for help!

For more info on deploying, head to deploy with fly

Development

deno task dev or deno task dev-local

deno task dev-local uses the local installation of Fresh with the latest updates (not necessarily a friendly build)

Runs the app in the development mode.
The page will reload if you make edits.

Deployment

Fly

Make sure to install Fly.io (You don't need Docker to deploy this project!). You'll need to setup Fly by following their docs.

Locally

deno task deploy

Deno has no build step! This will start the app in production.

Runtime and Tools:

To install:

• Git (Installation)
• Visual Studio Code (Recommended code editor)
• Deno (Only for local development)
• Flyctl (Deployment)

If you have a mac, I recommend you install homebrew and then run the following to install everything:

brew install git visual-studio-code deno flyctl

Don't have to install:

• Docker (The project just uses this tool but you don't need it installed locally)

Technologies:

No need to try installing these, these are installed automatically when running your app

Frontend:

• Fresh - Main Framework
• TypeScript - Main language
• Twind - Used in all components
  • Tailwind - What Twind compiles down to
• Preact.js - Used in all components
  • React.js - Preact.js tries to be a 'minified' version of React.js

Backend:

• Fresh - Main Framework