An open API service indexing awesome lists of open source software.

https://github.com/joosenavarro/films-host-app

This project is a microfrontend application called Films App, with the host project responsible for coordinating the two microfrontends. It is built using React.js and follows a microfrontend architecture based on custom elements.
https://github.com/joosenavarro/films-host-app

Last synced: 4 months ago
JSON representation

This project is a microfrontend application called Films App, with the host project responsible for coordinating the two microfrontends. It is built using React.js and follows a microfrontend architecture based on custom elements.

Awesome Lists containing this project

README

        

# Films App

This project is a microfrontend application called Films App, with the host project responsible for coordinating the two microfrontends. It is built using React.js and follows a microfrontend architecture based on custom elements.

![App](https://raw.githubusercontent.com/JooseNavarro/films-host-app/main/app.png)

## Local Setup

## Microfronts
- [Microfront Item](https://github.com/JooseNavarro/mf-films-item)
- [Microfront List](https://github.com/JooseNavarro/mf-films-list)

To run the project locally, you will need to have the host and both microfrontends running. Follow the steps below:

1. Navigate to the `films-app` directory:
```
cd films-host-app
```

2. Install dependencies:
```
npm install
```

3. Start the development server:
```
npm run dev
```
4. Open:
```
http://127.0.0.1:5173/
```

Make sure to have the necessary configurations in place for each microfrontend to ensure smooth operation.

## Technologies Used

- React.js
- Custom Elements (Microfrontend Architecture)

## Contributing

If you'd like to contribute to this project, please follow these steps:

1. Fork the repository
2. Create a new branch for your feature or bug fix
3. Make your changes and test thoroughly
4. Create a pull request with a detailed description of your changes

## Authors

Jose navarro