Svelte_Tryout Svelte Themes

Svelte_tryout

This repository showcases my personal journey in exploring SvelteKit and TailwindCSS. It features a beginner-friendly landing page that I built as part of my own learning process to level up my skills in web development.

SvelteKit Gym Landing Page

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

<<<<<<< HEAD Contributions are welcome! Feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.


=======

574bca958ec5addc32371af7833d08845d0fdd45

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes