/fxi.github.io

Fred (fxi) Moser webpage

Primary LanguageTypeScript

FXI Portfolio

My Portfolio website built with Astro, React, and Tailwind CSS.

🚀 Tech Stack

  • Astro - The web framework for content-driven websites
  • React - UI component library
  • Tailwind CSS - Utility-first CSS framework
  • TypeScript - For type safety and better developer experience

📦 Project Structure

/
├── public/
│   └── favicon.svg
├── src/
│   ├── components/
│   │   └── React components (.tsx)
│   ├── layouts/
│   │   └── Layout files (.astro)
│   └── pages/
│       └── Page components (.astro)
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check

🚀 Getting Started

  1. Clone the repository:

    git clone [your-repo-url]

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm run dev

  4. Open http://localhost:4321 in your browser

🎨 Customization

  • Modify src/styles/global.css for global styles
  • Update Tailwind configuration in tailwind.config.mjs
  • Add new components in src/components/
  • Create new pages in src/pages/

📝 License

MIT License

👥 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.