Setup HTML

Introduction

We are using gulp which allows having complete automation for build flow. In case if you don't know Gulp then it's easy to use it. Gulp is a toolkit for automating painful or time-consuming tasks in the development workflow, so you can stop messing around while building any project. You can read it more about it here. Please follow below steps to install and setup all prerequisites:

Symox is a fully featured Node.js Responsive Template with MongoDB .

Prerequisites

Please follow below steps to install and setup all rerequisites:

  • Nodejs

    Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is 18 or later. We suggest you to use LTS version of Node.js.

  • MongoDB Compass

    Make sure to have the MongoDB Compass installed & running in your computer. If you already have installed MongoDB Compass on your computer, you can skip this step. MongoDB Compass version must be greater then equal to 1.12.


  • Database

    -MongoDB Compass(option 1)

    STEP-1: open compass and connect with localhost


    -MongoDB Atlas(option 2)

    Make sure to have Account in MongoDB Atlas. If you don't have account then create Atlas account and follow below steps to connect with MongoDb Atlas.

    STEP-1: Create account



    STEP-2: After verifying email click on build Database



    STEP-3: Choose shared database for free...



    STEP-4: Click on create cluster and enter Database username and password and click on create.



    STEP-5: Wait until the process is completed and then click on connect



    STEP-6: Select your current ip address and click on create database user.



    STEP-7: After finish above step then click on Choose connection method.



    STEP-8: Now copy the given link and close the model



    STEP-9: Now Open config.env and then paste the connection string in DATABASE_URL=.

    STEP-10: Now click on Collections and then click Add My Own Data



    STEP-11: Then Enter your database name and collection(table) name

Installation

To setup the Symox, follow below-mentioned steps:

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer.

  • Install Dependencies

    Open your terminal at the root directory of the project, go to your folder and enter the command npm install. This would install all the required dependencies in the node_modules folder.

After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory (Symox_Nodejs_v1.3.0/Admin/ ) of the project to run the project locally or build for production use:

Command Description
npm install --silent This would install all the required dependencies in the node_modules folder.
gulp Compile sass files and generate css files .
npm start Runs the project locally, starts the development server. The development server is accessible at http://localhost:8000.
Tips

SCSS: We suggest you to do not change any scss files from the assets/scss/custom folders because to get new updates will might be break your SCSS changes if any you have made. We strongly suggest you to create new custom.scss file and use that instead of overwrite any theme's custom scss files.

© Themesbrand.
Crafted with by Themesbrand