<<<<<<< HEAD This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Tic-Tac-Toe SPA with Amazon Q Developer

This repository demonstrates how to build a simple single-page application (SPA) for a Tic-Tac-Toe game using Amazon Q Developer. The project showcases how Amazon Q Developer can generate code, assist with UI improvements, and help deploy the application to AWS.

Overview

The goal of this project is to:

• Create a Tic-Tac-Toe game as an SPA using the Next.js React framework.
• Design an aesthetically pleasing user interface for the game.
• Enhance productivity using Amazon Q Developer by automating code generation and deployment processes.
• Deploy the application to AWS Cloud using S3 and CloudFront.

Prerequisites

Before getting started, ensure you have the following installed:

• IDE: WebStorm or Visual Studio Code (with the Amazon Q Developer plugin)
• AWS Account: An active AWS account with Amazon Q Developer set up.
• npm: Version 10.8 (or compatible)
• AWS CLI: Installed and configured for your AWS account

For installation and setup guides, see the Amazon Q Developer documentation.

Getting Started

1. Create a New Project

Run the following command to create a new project:

npx create-next-app@latest
>>>>>>> de91f816573b87a9c40e7f6ccff33132cfe2e889