Skip to content

Base frontend project implementing clean architecture DDD with MVVM react + vite + mobx + antd

Notifications You must be signed in to change notification settings

sistemasnegros/react-mobx-vite-ts-skeleton

Repository files navigation

Project logo

React Skeleton clean architecture DDD with MVVM

Status GitHub Issues GitHub Pull Requests License


Base frontend project implementing clean architecture DDD with MVVM react + vite + mobx + inversify + antd

📝 Table of Contents

🧐 About

This project serves as a skeleton for a scalable application with Vite + React, as it has a basic implementation of the following:

  • Global Store
  • Login
  • Public Routes
  • Private Routes (guardians)
  • Internationalization (en, es)
  • Theme light and Dark
  • Responsive

🏁 Getting Started

Prerequisites

node 16 or higher

Installing

git clone https://github.com/sistemasnegros/react-mobx-vite-ts-skeleton
cd react-mobx-vite-ts-skeleton

Once you've cloned the project, install dependencies with

npm install

🎈 Usage

Developing

npm run dev

🚀 Deployment

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

⛏️ Built Using

  • NodeJs - Environment Javascript.
  • ViteJs - Next Generation Frontend Tooling.
  • Typescript - TypeScript is JavaScript with syntax for types.
  • MobxJs - Simple, scalable state management.
  • Inversify - A powerful and lightweight inversion of control container for JavaScript & Node.js apps powered by TypeScript.
  • Ant.design - Help designers/developers building beautiful products more flexible and working with happiness.

✍️ Authors

🎉 Acknowledgements

About

Base frontend project implementing clean architecture DDD with MVVM react + vite + mobx + antd

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published