WebsiteTemplate

A website template built with Svelte for learning purposes.

Features

• Built with Svelte for a lightweight and reactive user interface.
• Integrated with Tailwind CSS for styling.
• Modern development tools, including Vite for fast builds and hot module replacement.
• Configurable using PostCSS and TypeScript.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js - Install Node.js
• npm or bun (for package management) - Install bun

Installation and Setup

1. Clone the repository:

   git clone https://github.com/Ariffansyah/WebsiteTemplate.git
   cd WebsiteTemplate
   

2. Install dependencies:

   • Using npm:

     npm install
     npm run dev
     

   • Using bun:

     bun install
     bun run dev
     

3. Open the development server:

   • After running the above commands, the development server will start, and you can access the app at http://localhost:5173 (default Vite port).

Project Structure

.
├── .vscode/           # VS Code configuration files
├── public/            # Static assets
├── src/               # Source files (Svelte components, scripts, and styles)
├── .gitignore         # Git ignore file
├── bun.lockb          # Dependency lock file for bun
├── index.html         # Entry point for the app
├── package.json       # npm dependencies and scripts
├── svelte.config.js   # Svelte configuration file
├── tailwind.config.js # Tailwind CSS configuration
├── tsconfig.json      # TypeScript configuration
└── vite.config.ts     # Vite configuration file

Technologies Used

• Svelte - Frontend framework.
• Tailwind CSS - Utility-first CSS framework.
• PostCSS - For CSS transformations.
• TypeScript - Optional static typing.
• Vite - Build tool for faster development.

License

This project is for educational purposes and does not include a specific license.

Let me know if you'd like to add more sections or details, such as deployment instructions or screenshots!