Skip to content

A micro frontend demo using React and Vite, showcasing dynamic component integration

License

Notifications You must be signed in to change notification settings

Bhargav-1234567/micro-frontend-vite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Micro Frontend Demo

Description

This project demonstrates a micro frontend architecture using React and Vite. The main application dynamically imports the client application, showcasing seamless integration and modular development.

Features

  • Dynamic import of client components into the main application.
  • Clean and modular architecture for easy maintenance and scalability.
  • Fast development and build process with Vite.
  • Responsive design for a great user experience.

Technologies Used

  • React - A JavaScript library for building user interfaces.
  • Vite - A fast build tool for modern web projects.
  • JavaScript - The programming language used.
  • Netlify - For deploying the applications.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/micro-frontend-demo.git
    
  2. Navigate to the main project directory: open two terminals

    1. cd micro-frontend-vite/micro-frontend-main
    2. cd micro-frontend-vite/micro-frontend-client
  3. Run command "npm install" in both app.

  4. Run command "npm run dev" in both app.

  5. Open "http://localhost:4000" and it's done 🚀!

Contact

Bhargav Gadhiya
Designation: Software Engineer Email: bhargavgadhiya601@gmail.com
GitHub: Bhargav-1234567
LinkedIn: Bhargav Gadhiya

Releases

No releases published

Packages

No packages published