SwoleyMoley

I built this beginner-friendly landing page using SvelteKit for the first time. It's a simple project aimed at helping newcomers learn SvelteKit and TailwindCSS by example.

Overview

This project serves as a hands-on introduction to building web applications with SvelteKit and styling them with TailwindCSS.

Getting Started

1. Clone the Repository:

   git clone https://github.com/GreNxNja/Svelte_Tryout.git
   

2. Navigate to the Project Directory:

   cd Svelte_Tryout
   

3. Install Dependencies:

   npm install
   

4. Start the Development Server:

   npm run dev
   

5. Open in Browser: Navigate to http://localhost:5173 to view the landing page.

Project Structure

• src/routes: Contains Svelte components for each route of the application.
• src/components: Contains reusable Svelte components used across the application.
• src/routes/__layout.svelte: Defines the layout for all routes.
• src/app.html: HTML template for the application.
• tailwind.config.js: TailwindCSS configuration file.
• postcss.config.js: PostCSS configuration file.

Learning Resources

• SvelteKit Documentation: SvelteKit Documentation
• TailwindCSS Documentation: TailwindCSS Documentation