Details

Ammelias is a complete content management system platform developed with Laravel and the frontend is developed with React. Our system is 100% Secure and Dynamic. Included Portfolio, Teams, Services, Blog, Pricing Plan, Gallery, Testimonial, Team, Subscriber, Setting etc. It is the most perfect platform for corporate or business agency, firm etc.

Demo


Getting Started

The application has a few system requirements, so you will need to make sure your server meets the following requirements:
  1. Laravel 5.8+
  2. PHP 7.2+,
  3. MySQL 5.7+
  4. Intl PHP Extension
  5. OpenSSL PHP Extension
  6. PDO PHP Extension
  7. Mbstring PHP Extension
  8. Tokenizer PHP Extension
  9. XML PHP Extension
  10. Ctype PHP Extension
  11. JSON PHP Extension
  12. cURL PHP Extension
  13. GD PHP Extension
  14. ZIP PHP Extension
  15. BC Math
  16. Process Control System (Preferred Supervisord)
  17. PHP Dependency Manager (Preferred Composer)

Permissions

After uploading the Ammelias to your server, you may need to configure some permissions. Firstly set all your directories permission to 755 and files to 644. Directories within the storage, vendor and the bootstrap/cache directories should be writable by your web server. Set permission to 775 for storage, vendor and the bootstrap/cache directories. So set these directories set the write permissions to the web server.
Example command
sudo chmod -R 777 /storage/
sudo chmod -R 777 /public/uploaded_file/

Key Features

Admin Side

  • Step by step installation wizard
  • Fully responsive and dynamic dashboard
  • Email verification
  • Forgot password
  • Profile management
  • Password setup
  • Complete user management
  • Portfolio management
  • Service management
  • Team management
  • Blog management
  • Gallery management
  • Pricing Plan management
  • Testimonial
  • Contact
  • Subscribers
  • Multi Language
  • Admin settings
  • Landing page setting
  • Website setting

Files in Plugin

'Ammelias' is bundled with files:

  • ammelias-web.zip
  • documentation.zip

For the update v1.3 run this following command once

  • php artisam migrate
  • php artisan command:update-slug

Step by Step installation

Auto installation for sub domain

  • It's a super easy installation process
  • Go to cpanel
  • Create a sub domain
  • Create a database
  • Create a database user
  • Add user to database
  • Then go to file manager
  • Go to your domain folder
  • Upload here your web code
  • Select file
  • Unzip web-code.zip into domain folder
  • Extract the uploaded file then move the file into your site folder
  • Select all file and move to your site folder
  • Modify your subdomain root folder and add /public
  • Then run the project and complete step by step installation
  • Welcome page. Start the install process

    After run the project you see this page

  • Check server requirement

  • Check and give permission

  • Verify Envato Purchase code

    Put here your purchase code

  • Setup project Environment

  • Fill up Environment Setup Form

    Give here your app title, database name, username, password etc

  • Then click the setup install button

  • Installation Finish

  • login as admin

Auto installation for main domain

  • It's a super easy installation process
  • Go to cpanel
  • Create a database
  • Create a database user
  • Add user to database
  • Then go to file manager
  • Upload here your web code
  • Select file
  • Unzip web-code.zip into public_html folder
  • Extract the uploaded file then move the file into public_html folder
  • Select all file and move to your site folder
  • Now select the example.htaccess file and rename it to .htaccess
  • Then run the project and complete step by step installation
  • After run the project you see this page

    Welcome page. Start the install process

  • Check server requirement

  • Check and give permission

  • Verify Envato Purchase code

    Put here your purchase code

  • Setup project Environment

  • Fill up Environment Setup Form

    Give here your app title, database name, username, password etc

  • Then click the setup install button

  • Installation Finish

    Then press the click here to exit button

  • login as admin


Local Installation

  1. Copy ammelias-web.zip into "var/www/html/" directory.
  2. Unzip here this ammelias-web.zip folder.
  3. Go to phpmyadmin
  4. Create database
  5. Go to the ammelias-web folder and open your Terminal/Command window.
  6. Write "php artisan key:generate" and then press enter.
  7. Write "php artisan serve" and then press enter.
  8. Open your browser and type "locahost:8000" and hit enter.
  9. Then run the project and complete step by step installation
  10. Welcome page. Start the install process

    After run the project you see this page

  11. Check server requirement

  12. Check and give permission

  13. Verify Envato Purchase code

    Put here your purchase code

  14. Setup project Environment

  15. Fill up Environment Setup Form

    Give here your app title, database name, username, password etc

  16. Then click the setup install button

  17. Installation Finish

  18. If you faces any error, like "please check your database creadential" or any type of error. then stop the serve and rerun the serve command. "php artisan serve" and try again

  19. login as admin

  20. Then all done

Screenshots

Some screenshots

  • Admin Login Page
  • Forgot Password
  • Admin Dashboard
  • User Management

    Here user list, deleted user, email pending user list are available. Admin can also create a new user

  • Team List
  • Service List
  • Portfolio List
  • Blog List
  • Plan List
  • Gallery
  • Testimonial
  • Contact List
  • About
  • Admin General Setting
  • Admin Language Setting
  • How to add or change langugae file in code

    here you can add new language name



    first you need to add language json file here, and inside the json file you have to add the translated text

    here is the example:

  • Menu Setting
    Here you can add menu also change the menu order by drag and drop , This menu will show at react front end.
  • Color Picker Setting
    Here you can change the frontend react base color.
  • Google capcha site key
    Here you can change the google capcha site key
  • Website Setting
  • Profile

    Profile, edit profile and change password features are available here


Release log

                            Version 1.4 ( January 2020 )
                        

. Details

Ammelias is a modern agency template based on React App and Material ui Framework. We’ve used modern technologies and best practices to make our product easy to work with. It’s the most convenient template for developers, because of React Components, clean code and detailed documentation, which allows you to build any projects easily! Use it for freelancer, agency, designer or creative agency and other types of web or mobile applications.

Demo
Thanks so much!

. Key Features

  • Material UI
  • React Boilarplate
  • Fully Responsive Layout
  • SASS Powered
  • 12 Pages
  • Free Icon Fonts
  • Responsive Navigation Menu
  • Form Validation
  • Redux
  • redux-saga
  • React Router 4
  • React-slick
  • React-i18next
  • react-toastify
  • react-modal-video
  • react-image-lightbox
  • slick-carousel
  • Unlimited Theme Possibilities
  • FREE Lifetime Updates
  • and much much more…

. File Structure

Ammelias has React App project:

    
    Ammelias/
        |——node_modules
        |——public
        |  |——index.html
        |  src
        |  |——components/                      --all small components here
        |  |  |——AboutAgency/
        |  |  |——AboutDigitalStudio/
        |  |  |——AboutIntro/
        |  |  |——AboutUsHero/
        |  |  |——BlogItem/
        |  |  |——BreadCrumb/
        |  |  |——CommentForm/
        |  |  |——Comments/
        |  |  |——ContactInfoList/
        |  |  |——ContactUs/
        |  |  |——ContentSection/
        |  |  |——DigitalStudio/
        |  |  |——Featured/
        |  |  |——Footer/
        |  |  |——header/
        |  |  |——HeroArea/
        |  |  |——HeroAreaTwo/
        |  |  |——HireUs/
        |  |  |——Logo/
        |  |  |——MobileMenu/
        |  |  |——NewsLetter/
        |  |  |——OurExpert/
        |  |  |——PortfolioBanner/
        |  |  |——PortfolioList/
        |  |  |——PortfolioMasonary/
        |  |  |——PortfolioSingleDetails/
        |  |  |——PricingPlan/
        |  |  |——SectionTitle/
        |  |  |——Testimonial/
        |  |  |——TestimonialCarousel/
        |  |  |——UiStyle/                    --ui elements
        |  |  |——WorkInquiry/
        |  |——containers/
        |  |  |——__Routes/                    --all routes here
        |  |  |——_PrivateRoute/               --all private routes here
        |  |  |——_PublicRoute/                --all public routes here
        |  |  |——AboutUs/
        |  |  |——App/                         --main app js
        |  |  |—— BlogLists/
        |  |  |—— BlogSingle/
        |  |  |—— ContactUsPage/
        |  |  |—— Gallery/
        |  |  |—— HomePage/
        |  |  |—— LoginPage/
        |  |  |—— Portfolio/
        |  |  |—— PortfolioSingle/
        |  |  |—— Services/
        |  |  |—— SignupPage/
        |  |  |—— TeamPage/
        |  |--css/                            --all static css file
        |  |--fonts/                          --all fonts file
        |  |--images/                         --all static images 
        |  |--store/                          --redux store files
        |  |--translations/                   --translation files
        |  |--utils/                          --all utillities files
        |  |  |—— commonFunction
        |  |  |—— request
        |  |--common.scss/
        |  |--commonFunctions.js/
        |  |--index.css/
        |  |--index.js/
        |  |--mixin/
        |  |--commonFunctions/
        |——package.json
        |——package-lock.json
    

. installation

Ammelias is based on create-react-app and has its README.md which you can find very useful.

To get started follow this steps:

  1. Install Node and npm.
  2. Download and open project.
  3. Install packages: npm i, npm install or yarn install.
  4. Start project locally: npm start or yarn start (running on port 3018 for ltr and 3021 for rtl version).
  5. Make necessary changes.
  6. Build app for production: npm run build or yarn build.
  7. Most importantly you need a dedicated server to deploy.

. Components

COMPONENTS

These are the examples of using template components. All components have a basic structure and configuration. Just copy a component with its styles to your project.

Most of components are based on Material ui. You can read about all used packages in a description of components below and here.

Base Url

utils> request.js

Set your Default Base Url

Hit point Example

utils> request.js

Set your Default Base Url

Translations

translations> br.js or br.js etc.

How to use Translations

First import import {withTranslation} from "react-i18next";

Then export like this export default withTranslation('common')(ExampleComponent);

Now you can use that Kye like this way {props.t('Key')}

LightBox

All props form Logo

Property Type Description
mainSrc string Main Image
darkLogo file you can use any image file
nextSrc string Next Image
prevSrc string Prev Image
onCloseRequest function call an function or event handler
onMovePrevRequest function call an function or event handler
onMoveNextRequest function call an function or event handler

How to use change google recapcha site key

go to this site to get your own site key click here then click on admin console button from the right side, then create your own google recpacha site key. don't forget to add your domain on the subdomain field.

Copy right

you can change copy right text from here, form Footer Component

. api list details

Home Page


api endpoint $baseUrl/home


Get data:

  • home banner data
  • service_list data
  • about section data
  • achievement section data
  • team_list data
  • plan_list data
  • testimonial_list data
  • blog_list data

s



About Page


api endpoint $baseUrl/about-us


Get data:

  • about banner data
  • about feature data
  • team_list data
  • about section data
  • achievement data

s



Service Page


api endpoint $baseUrl/service


Get data:

  • service_list
  • service banner

s



Team Page


api endpoint $baseUrl/teams


Get data:

  • team_list data
  • team banner data

s



Portfolio Page


api endpoint $baseUrl/portfolio


Get data:

  • portfolio_list data
  • portfolio banner data
  • work inquiry section data

s



Blog Page


api endpoint $baseUrl/blogs


Get data:

  • category list data
  • post_list data
  • recent_posts data

s



Blog Details Page


api endpoint $baseUrl/blogs/id


Get data:

  • Single post data
  • comments_list data
  • blog category list data
  • recent_posts data

s



Blog Comment


api endpoint $baseUrl/save-blog-comment


Post params data: blog_id, name, email, comment
s



Gallery Page


api endpoint $baseUrl/gallery


Get data:

  • Gallery banner data
  • Category list data
  • Image list data
  • work inquiry data

s



Contact Page


api endpoint $baseUrl/contact-process


Post params data: name, email, subject, description


s



Subscription


api endpoint $baseUrl/subscription-process


Post params data: email


s

. Thank You

Again, thank you for purchasing Ammelias. If you need some help, or support please use email or contact form via codecanyon Profile site.

Hope you happy with the Ammelias system, all the best with your business.