Giter Club home page Giter Club logo

mitsu-portfolio's Introduction

Mitsunee

Mitsunee

Repository for https://www.mitsunee.com

Development Setup

This project uses Astro with Preact for interactive components.

Make sure you have node.js (version 18 or higher) and pnpm (version 8) installed. Install all dependencies and start the Development server:

pnpm install
./scripts/install-sharp.sh
pnpm dev

There are git hooks in place to format all staged files prior to committing. Please run pnpm lint prior to committing if your editor does not integrate ESLint. Github Actions will check formatting, lint and check types on each push.

Testing

These are the same commands also run in CI on every push:

pnpm lint:strict
pnpm format:check
pnpm typecheck
Full list of commands
pnpm format # formats entire codebase
pnpm format:check # checks formatting on entire codebase
pnpm lint # standard lint check on entire codebase
pnpm lint:fix # standard lint check on entire codebase with autofix enabled
pnpm lint:strict # strict lint check on entire codebase
pnpm dev # start dev server
pnpm typecheck # run typechecks on entire codebase
pnpm build:types # generates content/data collection types
pnpm build # create production build

Production build

Simply run the build script:

pnpm build

To test a production build locally either use pnpm astro preview or binserve with the provided configuration.

mitsu-portfolio's People

Contributors

mitsunee avatar dependabot[bot] avatar snyk-bot avatar

Watchers

 avatar  avatar

mitsu-portfolio's Issues

FavoritesGrid displayed incorrectly in Firefox

Current Behaviour

All items in a single row, breaking the layout by going beyond 100% width

Screenshot_20220712_083417

Nesting minmax() inside repeat() does not work properly in Firefox.

Intended Behaviour

Screenshot_20220712_083651

Responsive Layout with variable column amount

Missing canoncial url meta tag

Google is confused about duplicate pages (it sees http and https separately and has possibly found the /index.html path as well). Adding link rel="canonical" tags will fix this.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.