This project is built with React and Nest, and it supports the following features:
- 🌐 Create browser widgets
- 🕒 Create clock widgets
- 🖱️ Drag & Drop widgets
↔️ Resize widgets- 📏 Grid sort widgets
- 🗂️ Stack sort widgets
- 👁️ Hide widgets
- 🔲 Maximize widgets
- 👁️🗨️ Hide all widgets
- 📂 Open all widgest
- 💾 Save widget state
You can try out the deployed version of the project through the following demo links:
- Frontend: Hosted on Vercel
- Backend: Hosted on Koyeb
Experience the personalized widget creation and management features directly in your browser!
This link provides a live demonstration of the full functionality of the React Mdi Portal, allowing you to explore its capabilities.
If you want to add your own custom app, please refer to Custom. Additionally, if you want to apply your own style, please refer to the Style guide.
- Node.js (Recommended minimum version 14.0.0 or higher)
- npm
git clone https://github.com/moonklabs/react-mdi-portal.gitOpen a terminal and enter the following commands. If you are using VSCode, click on the terminal tab at the top and open a new terminal.
cd frontend
Navigate to the frontend folder.
npm install
Install dependencies.
npm run start
Run the project locally.
Open a terminal and enter the following commands. If you are using VSCode, click on the terminal tab at the top and open a new terminal.
cd backend
Navigate to the frontend backend.
npm install
Install dependencies.
npm run start
Run the project locally.
This project uses SQLite by default. If you want to use MySQL or PostgreSQL, please refer to this link Database Setup Guide
- If you have any feature requests or find bugs, please email us.
If you are interested in my development journal, click on About and Development Journal. If this project has helped you, please express your support by clicking the star button!