Greg Todo App

A React application built with Create React App, TypeScript, and Tailwind CSS.

Tech Stack

• React 18 - UI library
• TypeScript - Type safety
• Tailwind CSS - Utility-first CSS framework
• Create React App - React development environment

Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn

Installation

1. Install dependencies:

npm install

2. Start the development server:

npm start

The app will automatically open in your browser at http://localhost:3000

Available Scripts

In the project directory, you can run:

npm start

Runs the app in development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

npm test

Launches the test runner in interactive watch mode.

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time.

Project Structure

gregtodo/
├── public/
│   └── index.html       # HTML template
├── src/
│   ├── App.tsx          # Main app component
│   ├── index.tsx        # Entry point
│   ├── index.css        # Global styles with Tailwind
│   └── react-app-env.d.ts # React type definitions
├── package.json         # Dependencies and scripts
├── tsconfig.json        # TypeScript configuration
├── tailwind.config.js   # Tailwind CSS configuration
└── postcss.config.js    # PostCSS configuration

Customization

• Edit src/App.tsx to modify the main component
• Update tailwind.config.js to customize Tailwind settings
• Add new components in the src/ directory

Learn More

• Create React App Documentation
• React Documentation
• TypeScript Documentation
• Tailwind CSS Documentation