Native Matrimony CMS Quick Start Guide

Native Matrimony CMS (Website, Admin Panel, API, Database)

article image
profile
Amit Parekh

Thank you for your purchase! To ensure seamless after-sales support, please activate your product using the link below: 

Activate Now

Your activation is essential for us to provide you with the best assistance. We appreciate your cooperation.


Technology Used

  • ReactJS with Typescript for Admin Panel
  • NodeJS with Express Framework for API
  • MySQL for Database


Please follow the below steps to set up the project on your server. 

  1. Setup Prerequisites (If not available)
  2. Install NodeJS from this link 
  3. Install MySQL from this link 

(You can choose the MySQL edition based on your needs)

  1. Install MySQL Workbench from this link (This is optional)


  1. Setup the API (Technology NodeJS)
  2. Change Following Firebase keys In Following Path
  3. PATH : Build/WebAPI/matrimony-firebase-adminsdk.json
  4. Changeable Keys : 

  1. Upload the Builds/WebAPI folder to your desired location
  2. To install packages, open the terminal, navigate to your API folder and execute the following command.

npm i

  1. Test API using the URL where you set up the API.
  2. Setup Admin Panel (Technology ReactJS with TypeScript)
  3. Change Following Firebase keys In Following Path
  4. PATH : Build/Admin Panel\firebase-messaging-sw.js
  5. Changeable Keys  : 

  1. Open the Builds/AdminPanel/build/variable.json file in the editor.
  2. Update the apiUrl value. Save the file as follows,

  • Replace <YOUR-API-URL> with your API URL


  1. Upload the build folder to your desired location
  2. Start the admin panel using the URL where you set up the Admin Panel.
  3. Please follow the steps to complete the configuration.

Note: Please ensure to restart the API server after completing the configuration steps in the admin panel before proceeding to the login.

  1. Setup Web App (Technology Flutter)
  2. Open the Build\Website\assets\assets\jsondata\variable.json file in the editor Replace with your own parameters.

  1. Change Following Firebase keys In Following Path
  2. PATH : Build/Website\firebase-messaging-sw.js
  3. Changeable Keys  : 


  1. Change Web Name & Firebase Parameters In Following Path
  2. Path: Build/Website/index.html
  3. Change Your App Name

  1. Change Your Firebase Parameters


  1. Change Website Icon:

  2. Generate Icon From this URL: 

https://favicon.io/favicon-converter/


  1. Replace the icons in the Build\Website\icons folder as shown in the below image.

  1. Upload the Builds/Website folder to your desired location


USEFUL LINKS

  • To set up NodeJS with Typescript from scratch you can use this link 
  • To set up MySQL database you can use this link


This document was last updated on 08 June 2024.