<h2>Overview</h2>
<p>The Deno Astro Adapter is an essential tool for developers looking to deploy their Astro sites using server-side rendering (SSR) on Deno's runtime environment. This adapter bridges the gap between Astro's static site generation capabilities and the dynamic features of Deno, opening up a world of possibilities for web applications that require both speed and efficiency. With an API that is closely aligned with browser standards, Deno provides a refreshing alternative to traditional Node.js deployments, making this adapter a valuable addition to any modern web development toolkit.</p>
<p>Using the Deno Astro Adapter, developers can easily install, configure, and manage their Astro projects to take full advantage of Deno's performance and features. Whether you're building a small personal project or a large-scale application, this adapter streamlines the deployment process and allows for seamless integration with Deno's ecosystem.</p>
<h2>Features</h2>
<ul>
<li><strong>SSR Support:</strong> Easily enable server-side rendering capabilities in your Astro project, expanding the functionality beyond static site generation.</li>
<li><strong>Deno Integration:</strong> Fully compatible with Deno's API, allowing for a smooth transition from Node.js environments with familiar browser-like APIs.</li>
<li><strong>Simple Installation:</strong> Quick setup process through your preferred package manager, making it easy to get started with minimal hassle.</li>
<li><strong>Effortless Configuration:</strong> Customize your Deno server settings directly in your <code>astro.config.mjs</code> file for tailored deployments.</li>
<li><strong>Built-in Server Start:</strong> Automatically starts a server when the adapter is imported, simplifying the development workflow.</li>
<li><strong>Port and Hostname Settings:</strong> Configure port and hostname options to suit your deployment needs, enhancing flexibility in server management.</li>
<li><strong>Active Maintenance:</strong> Developed and maintained by Deno's Core team, ensuring reliable updates and community support.</li>
<li><strong>Example Projects:</strong> Includes examples and preview commands to help you get acquainted with using the adapter in real-world scenarios.</li>
</ul>


<h2>Overview</h2>
<p>The Astro + Deno Template is a sample project that provides a recommended starting point for building Deno projects using the Astro framework. It is preconfigured to use Deno as the JavaScript runtime for server-side rendering and offers several benefits such as the ability to use Deno's built-in namespace functions and run in production on Deno Deploy.</p>
<h2>Features</h2>
<ul>
<li>Preconfigured to use Deno as the JavaScript runtime for server-side rendering</li>
<li>Ability to use built-in Deno namespace functions, including the new Deno KV database</li>
<li>Compatibility with the majority of npm packages, thanks to Vite and esbuild</li>
<li>Lightly modified base Astro project with basic CRUD operations for creating resource links</li>
</ul>
<h2>Summary</h2>
<p>The Astro + Deno Template is a recommended starting point for building Deno projects using the Astro framework. It offers the benefits of using Deno as the JavaScript runtime for server-side rendering and provides compatibility with npm packages. The template project also includes basic CRUD operations for creating resource links. Overall, this template provides an efficient and reliable setup for developing Deno projects with Astro.</p>


<h2>Overview</h2>
<p>The Deno Nuxt Template is a template application that utilizes Nuxt 3 to provide a starting point for using Nuxt on Deno Deploy. It allows for local development and deployment on Deno Deploy with ease.</p>
<h2>Features</h2>
<ul>
<li><strong>Nuxt 3</strong>: Utilizes the latest version of Nuxt for building powerful web applications.</li>
<li><strong>Deno Deploy</strong>: Enables easy deployment of the application on Deno Deploy.</li>
<li><strong>Local Development</strong>: Allows for local development on http://localhost:3000.</li>
</ul>
<h2>Summary</h2>
<p>The Deno Nuxt Template is a powerful template application that utilizes Nuxt 3 and Deno Deploy for local development and deployment. With its easy installation process and key features, it provides a convenient starting point for building web applications.</p>


<h2>Overview:</h2>
<p>The Deno SvelteKit Template is a template application that utilizes SvelteKit and provides a starting point for using SvelteKit on Deno Deploy. It is designed to simplify the development process and allow for easy deployment of SvelteKit applications.</p>
<h2>Features:</h2>
<ul>
<li><strong>SvelteKit Integration:</strong> The template is built with SvelteKit, a framework for building web applications with Svelte.</li>
<li><strong>Deno Deploy Support:</strong> The template is specifically designed to work with Deno Deploy, a serverless deployment platform for Deno applications.</li>
<li><strong>Local Development Server:</strong> The template provides a development server that can be started locally on http://localhost:3000 for testing and debugging purposes.</li>
</ul>
<h2>Summary:</h2>
<p>The Deno SvelteKit Template is a convenient starting point for developers looking to create SvelteKit applications on Deno Deploy. It provides seamless integration with SvelteKit and comes with a local development server for easy testing. By following the installation guide, developers can quickly set up and start building their SvelteKit applications.</p>


<h2>Overview</h2>
<p>The Deno Vite Plugin is an exciting addition for developers looking to streamline their Deno projects within the Vite build tool. By enabling Deno resolution directly in Vite, this plugin simplifies the integration of Deno-specific features and enhances the overall development experience. Whether you're dealing with alias mappings or diverse specifiers, this plugin ensures compatibility and efficiency.</p>
<h2>Features</h2>
<ul>
<li><strong>Deno Resolution Support</strong>: This plugin allows Deno resolution directly within Vite, making it easier for developers to incorporate Deno features into their projects.</li>
<li><strong>Alias Mappings</strong>: Supports alias mappings defined in <code>deno.json</code>, providing flexibility in module resolution and improving code organization.</li>
<li><strong>Specifier Support</strong>: Works with various specifier types such as <code>npm:</code>, <code>specifierjs:</code>, and HTTP/HTTPS specifiers, broadening the scope of accessible resources.</li>
<li><strong>Plug-and-Play Installation</strong>: Easy to install as a Vite plugin, allowing developers to seamlessly integrate it into existing projects with minimal hassle.</li>
<li><strong>MIT License</strong>: Distributed under the MIT license, offering developers freedom in how they use and modify the plugin.</li>
</ul>


<h2>Overview:</h2>
<p>BlogMinimal is a boilerplate blogging solution that allows users to quickly and easily set up their own blog using just one JavaScript file. With minimal code and configuration, users can have a fully functioning blog with a "Hello world" post ready for writing.</p>
<h2>Features:</h2>
<ul>
<li>Minimal setup: The boilerplate JavaScript file contains only 2 lines of code, making it incredibly easy to get started with BlogMinimal.</li>
<li>Live reload: The local server provided by BlogMinimal has live reload functionality, ensuring a smooth and efficient development experience.</li>
<li>Customization options: Users can customize the header and footer of their blog by using .tsx extension files and modifying the built-in template.</li>
</ul>
<h2>Summary:</h2>
<p>BlogMinimal is a minimalistic blogging solution that provides users with a quick and easy way to set up their own blog. With minimal code and configuration, users can customize their blog's header and footer, and choose between hosting options with Deno Deploy or self-hosting. The live reload feature of the local server ensures a smooth development experience. Overall, BlogMinimal offers a straightforward and efficient solution for creating a personal blog.</p>


<h2>Overview</h2>
<p>Building a blog with Fresh is an exciting venture for those looking to dive into modern web frameworks. Fresh is designed to be an edge-first web framework, optimizing performance by delivering minimal JavaScript to the client. With its unique architecture, you can achieve impressive page speed scores, especially when deploying on Deno Deploy. This guide walks you through the steps to create a markdown blog and deploy it seamlessly.</p>
<p>The process begins with setting up a Fresh app and modifying the directory structure tailored for a blog. By following the structured steps of creating blog posts, handling routes, and rendering pages, you’ll quickly learn how to leverage Fresh’s capabilities and create a fully functional blog.</p>
<h2>Features</h2>
<ul>
<li><strong>Edge-first Architecture</strong>: Fresh is optimized for speed, minimizing JavaScript sent to the client and utilizing a unique edge-based system.</li>
<li><strong>Seamless Deployment</strong>: Quickly deploy your blog to the edge using Deno Deploy, making hosting straightforward and efficient.</li>
<li><strong>Markdown Support</strong>: Easily write and manage your blog posts in markdown format, which simplifies content creation.</li>
<li><strong>Custom Routing</strong>: Offers the ability to set up routes specific to your blog’s needs, enhancing user navigation.</li>
<li><strong>Performance Optimization</strong>: Achieve high Lighthouse page speed scores, giving your blog a competitive edge in performance.</li>
<li><strong>Extensible with Tailwind</strong>: Integrate Tailwind CSS during setup to style your blog effortlessly.</li>
<li><strong>TypeScript Integration</strong>: Utilize TypeScript for better code organization and type safety in your blog’s components.</li>
</ul>


<h2>Overview</h2>
<p>Deno KV OAuth is an efficient and modern solution for handling authentication in your Fresh projects. With its seamless integration, developers can quickly set up and manage OAuth functionalities, paving the way for robust app experiences. Deno KV, built for speed and simplicity, offers an intuitive way to handle both local development and deployment tasks.</p>
<p>By following the Fresh "Getting Started" guide, you'll find yourself in a well-supported environment that enhances your project-building journey. Whether you're a newcomer looking to dive into Deno or a seasoned developer wanting to implement OAuth in your workflow, this setup is designed for ease of use and efficiency.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Setup</strong>: Get your Fresh project running quickly with straightforward setup instructions that cater to both beginners and experienced developers.</li>
<li><strong>Real-time Development</strong>: The project automatically watches the directory for changes and restarts as necessary, allowing for a smooth development experience.</li>
<li><strong>Deno Compatibility</strong>: Built specifically for Deno, ensuring you leverage its performance capabilities and modern features.</li>
<li><strong>OAuth Integration</strong>: Simplifies the process of integrating OAuth authentication into your project, providing a secure and flexible user authentication process.</li>
<li><strong>Comprehensive Guides</strong>: Access to well-documented guides to help you navigate any challenges during setup or implementation.</li>
<li><strong>Community Support</strong>: Being part of the Deno ecosystem, you can tap into a community that frequently shares insights and solutions for common issues.</li>
<li><strong>Lightweight Architecture</strong>: The setup does not require heavy dependencies, which contributes to faster load times and smoother performance.</li>
</ul>


<h2>Overview:</h2>
<p>This repository includes Fresh WordPress themes that can be used to develop a WordPress-backed Fresh website. The themes offer different features depending on the purpose of the website, such as a blog or a shop. The themes are easy to install and can be customized using the WordPress dashboard.</p>
<h2>Features:</h2>
<ul>
<li><strong>Blog theme</strong>: Implements typical blog features for WordPress.</li>
<li><strong>Shop theme</strong>: Implements features used for a typical shop website.</li>
</ul>
<h2>Summary:</h2>
<p>This repository offers Fresh WordPress themes that can be used to develop WordPress-backed websites. The themes cater to different purposes, such as a blog or a shop, and come with easy installation instructions. The themes can be customized using the WordPress dashboard, allowing users to create, modify, and manage their website's content effectively.</p>


<h2>Overview:</h2>
<p>Fresh is a next-generation web framework designed for speed, reliability, and simplicity. Key features include just-in-time rendering on the edge, island-based client hydration, zero runtime overhead, TypeScript support, and file-system routing similar to Next.js.</p>
<h2>Features:</h2>
<ul>
<li><strong>Just-in-time rendering on the edge</strong></li>
<li><strong>Island based client hydration for maximum interactivity</strong></li>
<li><strong>Zero runtime overhead: no JS shipped to the client by default</strong></li>
<li><strong>TypeScript support out of the box</strong></li>
<li><strong>File-system routing à la Next.js</strong></li>
</ul>
<h2>Summary:</h2>
<p>Fresh is a web framework that prioritizes speed, reliability, and simplicity. With features like just-in-time rendering, client hydration, zero runtime overhead, and TypeScript support, Fresh provides a modern development experience. Installation involves using the Deno CLI and the Fresh init script, with options for deploying projects using Deno Deploy. Contributions and showcase submissions are encouraged to grow the Fresh development ecosystem.</p>


<h2>Overview</h2>
<p>fresh_charts is a charting library for Fresh based on Chart.js, offering support for both server and client-side rendering capabilities. The library provides various methods for rendering charts, including JSX/TSX components for inline rendering on a page and functions for serving SVG images.</p>
<h2>Features</h2>
<ul>
<li><strong>Server and Client-side Rendering:</strong> Supports rendering charts both server-side and client-side.</li>
<li><strong>Multiple Rendering Options:</strong> Offers various methods for rendering charts, including inline rendering and responding with an image.</li>
<li><strong>Island Components:</strong> Provides JSX/TSX island components for client-side rendering and interactivity.</li>
</ul>
<h2>Summary</h2>
<p>fresh_charts is a versatile charting library that offers developers the flexibility to render charts both server-side and client-side. With support for various rendering options and island components for interactive client-side charts, it provides a comprehensive solution for integrating charts into Fresh applications.</p>


<h2>Overview</h2>
<p>The Fresh project is a ready-to-use framework that allows users to quickly start developing applications. It provides a convenient "Getting Started" guide for users to follow and ensures they have the necessary tools installed, such as Deno.</p>
<h2>Features</h2>
<ul>
<li><strong>Ready-to-go project</strong>: Fresh project is pre-configured and ready to use, allowing users to start developing applications immediately.</li>
<li><strong>Getting Started guide</strong>: Users can easily follow the step-by-step guide provided by Fresh to quickly set up and start using the project.</li>
<li><strong>Deno integration</strong>: Fresh project requires the installation of Deno, a secure runtime for JavaScript and TypeScript. This integration ensures compatibility with Deno and its features.</li>
</ul>
<h2>Summary</h2>
<p>The Fresh project is a pre-configured framework that allows developers to quickly start developing applications. It provides a convenient "Getting Started" guide and requires the installation of Deno for compatibility. By following the installation instructions, users can easily set up the Fresh project and begin their development journey.</p>


<h2>Overview</h2>
<p>If you're looking to build a modern web application, the React Template with Vite and Deno offers a fantastic starting point. This template sets up a React app with TypeScript on the frontend while utilizing Deno on the backend. Combining Vite as the development server, it allows for rapid development and a smooth workflow. Perfect for developers who want to leverage the latest web technologies, this template simplifies the setup process with clear guidance.</p>
<p>Whether you're building a small project or a larger application, this template equips you with everything you need to get started quickly. It handles static file serving, routing, and even includes a test file setup for backend testing. The blend of Deno and Oak framework on the server side gives developers a modern approach to building scalable web applications.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>React with TypeScript</strong>: The template offers a robust setup for building React applications using TypeScript, ensuring type safety and better developer experience.</p>
</li>
<li>
<p><strong>Vite Development Server</strong>: Enjoy fast refreshes and optimized builds with Vite, making the development process smooth and efficient.</p>
</li>
<li>
<p><strong>Deno for Server-Side</strong>: Utilize the modern Deno runtime, which allows you to run JavaScript and TypeScript in a secure environment.</p>
</li>
<li>
<p><strong>Oak Framework</strong>: The Oak framework is integrated for building web applications on the server side, simplifying the handling of requests and middleware.</p>
</li>
<li>
<p><strong>Static File Serving</strong>: Easily serve static files from your app, perfect for serving assets like images and stylesheets without extra configuration.</p>
</li>
<li>
<p><strong>Built-in Routing</strong>: The project includes a router setup to manage application routes seamlessly.</p>
</li>
<li>
<p><strong>Clear Project Structure</strong>: With a well-organized project framework, find essential files like main.ts and main.tsx readily to streamline your development.</p>
</li>
<li>
<p><strong>Test Configuration</strong>: Included are test files to ensure your backend code is reliable and functions as expected.</p>
</li>
</ul>
<p>By utilizing this template, you're enabled to kickstart your development journey with the latest tools and frameworks right at your fingertips.</p>


<h2>Overview</h2>
<p>React 18 paired with Deno is an innovative combination that brings together the power of a leading JavaScript frontend framework with a modern runtime. This setup allows developers to create responsive, dynamic applications effortlessly while handling data updates efficiently. If you're looking to harness the benefits of React in a Deno environment, this guide provides a quick and streamlined approach to getting your app up and running in under five minutes, making it an appealing choice for both seasoned developers and newcomers alike.</p>
<p>One of the standout features of using React with Deno is its simple import method, which facilitates the integration of various components seamlessly. This review captures the essentials of how to structure your app, manage your dependencies, and utilize key features of React to create a robust frontend experience.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Declarative UI Design</strong>: React's declarative approach enables developers to create intuitive UIs that update dynamically with minimal effort, improving user experience significantly.</p>
</li>
<li>
<p><strong>Component Reusability</strong>: With a focus on reusable components, React allows for building extensible and composable views that streamline development and reduce redundancy.</p>
</li>
<li>
<p><strong>Easy Integration with Deno</strong>: The use of direct URL imports in Deno simplifies the inclusion of necessary libraries, eliminating the complexity of traditional dependency management.</p>
</li>
<li>
<p><strong>Effective State Management</strong>: React's one-way data flow makes it easier to manage states within components, contributing to stable and predictable applications.</p>
</li>
<li>
<p><strong>Server-Side Transpilation</strong>: The integration with esbuild allows for smooth transpilation of TypeScript and React components into plain JavaScript on the server side, enabling seamless frontend functionality.</p>
</li>
<li>
<p><strong>Client-Side Routing</strong>: Employing React Router v6 empowers applications with dynamic routing capabilities, enhancing navigation and user engagement within single-page applications.</p>
</li>
<li>
<p><strong>Modern React Features</strong>: Utilizing React 18's new API for binding components to the DOM ensures optimal performance and more efficient rendering processes, catering to the demands of modern web applications.</p>
</li>
</ul>
<p>With these features, React 18 and Deno together form a powerful toolkit for any front-end developer looking to create cutting-edge applications with ease.</p>


<h2>Overview</h2>
<p>Deno SaaSKit is an open-source template for building SaaS (Software as a Service) applications quickly and easily. It is built using Deno, a secure runtime for JavaScript and TypeScript, and incorporates several key features such as Deno's built-in formatter, linter, and test runner, TypeScript support, a modern web framework called Fresh, in-built data persistence with Deno KV, high-level OAuth with Deno KV OAuth, a responsive SaaS-oriented design with Tailwind CSS, dashboard with user view and statistics chart, Stripe integration for payments, REST API, blog with RSS feed and social sharing icons, and HTTP security headers.</p>
<h2>Features</h2>
<ul>
<li>Deno's built-in formatter, linter, and test runner with TypeScript support</li>
<li>Next-gen web framework with Fresh</li>
<li>In-built data persistence with Deno KV</li>
<li>High-level OAuth with Deno KV OAuth</li>
<li>Modern CSS framework with Tailwind CSS</li>
<li>Responsive, SaaS-oriented design</li>
<li>Dashboard with users view and statistics chart</li>
<li>Stripe integration (optional)</li>
<li>First-class web performance</li>
<li>REST API</li>
<li>Blog with RSS feed and social sharing icons</li>
<li>HTTP security headers</li>
</ul>
<h2>Summary</h2>
<p>Deno SaaSKit is a versatile template for building SaaS applications using Deno. It provides a range of features such as built-in tools for code formatting and linting, TypeScript support, a high-level OAuth implementation, and integration with Stripe for payments. The template also includes a modern CSS framework, a responsive and SaaS-oriented design, a user dashboard, a REST API, a blog with RSS feed, and enhanced HTTP security headers. By following the installation guide, users can quickly set up and customize the template to fit their specific needs.</p>


<h2>Overview</h2>
<p>The Collaborative todo-list app built with Deno and Fresh is a modern solution designed for effortless project management and teamwork. With a focus on real-time collaboration, this application allows users to stay in sync and manage their tasks efficiently, whether they're across the office or around the globe. The use of cutting-edge technology ensures that users have a seamless experience while keeping everything organized and accessible.</p>
<p>This app is perfect for anyone looking to enhance their productivity in a collaborative environment. Its cloud-based features, along with the ability to work locally, provide flexibility for both personal and professional use. Let's delve into some of the standout features that make this app a valuable tool.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Global Persistent Data</strong>: Enjoy seamlessly stored data that remains accessible across devices, ensuring you never lose track of your tasks.</p>
</li>
<li>
<p><strong>Real-time Collaboration</strong>: Thanks to Deno KV, multiple users can collaborate simultaneously, with instant updates delivered directly to all connected clients.</p>
</li>
<li>
<p><strong>Edge Location Hosting</strong>: Hosted on Deno Deploy, the app is served from 35 locations worldwide, enhancing access speed and performance.</p>
</li>
<li>
<p><strong>Automatic Scaling</strong>: The app is designed to scale automatically, adapting to the number of users and providing a smooth experience during peak times.</p>
</li>
<li>
<p><strong>Globally Distributed Data Store</strong>: The Deno KV store is globally distributed with zero setup, making it super easy to get started and maintain.</p>
</li>
<li>
<p><strong>Automated Deployments</strong>: Code updates are implemented automatically whenever changes are pushed to GitHub, streamlining your development process.</p>
</li>
<li>
<p><strong>Automatic HTTPS</strong>: No need for manual SSL configurations; the app provides automatic HTTPS support, even for custom domains.</p>
</li>
<li>
<p><strong>Free for Hobby Use</strong>: Ideal for learners and hobbyists, the app offers free usage for most casual projects without any hidden costs.</p>
</li>
</ul>


<h2>Overview</h2>
<p>Create-svelte is an essential tool designed to streamline the process of building Svelte projects. Whether you're a seasoned developer or just getting started, this tool provides everything you need to kickstart your Svelte development journey. With a focus on simplicity and efficiency, create-svelte helps you quickly create a robust project structure and manage your app's dependencies effortlessly.</p>
<p>Once your project is set up, you can easily manage the development and production phases of your application. The ability to preview the production build gives you confidence in your deployment process, making it easier to roll out updates and new features.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Initialization</strong>: Quickly set up a new Svelte project with just a few commands, allowing you to focus on building rather than configuration.</li>
<li><strong>Dependency Management</strong>: Seamlessly install project dependencies using npm, pnpm, or yarn, ensuring you have everything you need for development.</li>
<li><strong>Development Server</strong>: Start a local development server to test your application in real-time, improving your workflow and efficiency.</li>
<li><strong>Production Build</strong>: Generate a production version of your app with a simple command, streamlining the deployment process.</li>
<li><strong>Preview Capabilities</strong>: Preview your production build before deploying, ensuring everything works as expected in the target environment.</li>
<li><strong>Flexible Hosting</strong>: Easily adapt your app for deployment on various platforms by installing the appropriate adapter for your target environment.</li>
</ul>


<h2>Overview</h2>
<p>Tic-Tac-Toe is an innovative take on the classic game, now available as a global, real-time multiplayer experience powered by Deno. With its seamless synchronization of game states and user-friendly authentication, this game offers an engaging way to challenge friends or players around the world. Thanks to its integration with Deno KV, players can enjoy a stable and persistent gaming experience without any tedious setup.</p>
<p>The hosting capabilities on Deno Deploy ensure that the game is scalable and accessible from multiple locations, enhancing the overall gaming experience. Whether you're a casual player or a more competitive individual, Tic-Tac-Toe invites you to connect and play in a lively and interactive environment.</p>
<h2>Features</h2>
<ul>
<li><strong>Real-Time Multiplayer Game</strong>: Engage with friends or global players in real-time matches.</li>
<li><strong>Persistent Game State</strong>: Game states are securely saved in a Deno KV store, ensuring no loss of progress in matches.</li>
<li><strong>GitHub OAuth Authentication</strong>: Log in easily and securely using GitHub credentials for a streamlined user experience.</li>
<li><strong>Global Hosting</strong>: The game is served from 35 edge locations, ensuring fast access and minimal latency.</li>
<li><strong>Automatic Scaling</strong>: The infrastructure adapts to user demand, providing a smooth gaming experience even during peak times.</li>
<li><strong>Globally Distributed Deno KV Store</strong>: Access data without the need for complex setups, allowing for immediate play.</li>
<li><strong>Automatic Deployment</strong>: Code is updated automatically with each push to GitHub, ensuring players always have access to the latest features.</li>
<li><strong>Free for Hobby Use</strong>: Most casual players can enjoy the game without any costs, making it accessible to everyone.</li>
</ul>


Denoland

Deno Astro Adapter

Deno Astro Template

Deno Nuxt Template

Deno Sveltekit Template

Deno Vite Plugin

Deno_blog

Fresh Blog Example

Fresh Deno Kv Oauth Demo

Fresh Wordpress Themes

Fresh

Fresh_charts

Fresh_template

React Vite Ts Template

React18 With Deno

Saaskit

Showcase_todo

Svelte_template

Tic Tac Toe