React + Clean arch

A React project using TypeScript and Clean Architecture principles to ensure modularity, maintainability, and scalability.

Features 🎯

• Clean Architecture: Separation of concerns with well-defined layers.

• TypeScript: Strongly typed for better code quality and maintainability.

• React with Hooks: Functional components and state management with hooks.

• Dependency Injection: Promotes decoupled components and services.

• Scalable Folder Structure: Organized based on Clean Architecture principles.

Getting Started 🚀

Prerequisites

• Node.js (version 14 or higher)

• Yarn (recommended) or npm

Installation

Clone the repository

  git clone https://github.com/dannielss/clean-react-typescript.git
  cd clean-react-typescript

Install dependencies

  yarn install

or

  npm install

Running the Application

Start the development server

  yarn start

or

  npm start

Project Structure 🏗️

• src/

  • domain/ - Business logic, entities, and use cases.

  • data/ - Data sources, repositories, and DTOs.

  • infra/ - API clients, local storage handlers, and external integrations.

  • presentation/ - React components, pages, and UI logic.

  • main/ - Dependency injection and application setup.

Available Scripts 📜

• yarn start - Runs the app in development mode.

• yarn test - Runs unit tests.

• yarn build - Builds the app for production.

License 📝

This project is licensed under the MIT License.