Genesis: React + TypeScript Starter Kit

Overview

Genesis is a starter kit for React applications using TypeScript. It aims to simplify the process of setting up a new project by providing a pre-configured environment with essential tools and best practices.

Features

• React for building user interfaces
• TypeScript for type safety
• Tailwind CSS for styling
• shadcn/ui for pre-built components
• Axios for making HTTP requests
• React Router for navigation
• Organized folder structure

Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/genesis.git
   

2. Install dependencies:

   cd genesis
   npm install
   

3. Start the development server:

   npm run dev
   

4. Open your browser and visit http://localhost:5173

Project Structure

react_starter_project/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── lib/
│   ├── pages/
│   └── App.tsx
├── package.json
└── tsconfig.json

Available Scripts

• npm run dev: Starts the development server
• npm run build: Builds the app for production
• npm run test: Runs the test suite

Learn More

• React Documentation
• TypeScript Documentation
• Tailwind CSS Documentation
• shadcn/ui Documentation

Contributing

We welcome contributions to Genesis. Please read our contributing guidelines before submitting a pull request.

License

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