documentation
Flowery
Thank you so much for purchasing our item from templatemonster.
Thank you so much for purchasing our item from templatemonster.
Follow the steps below to setup your site template:
npm install -g create-react-app
React-App/api
- php files and folders
React-App/app
- all react-app files and folders
React-App/app/node_modules
- dependencies that are needed for an initial working react appReact-App/app/package.json
- contains various metadata that is relevant to our projectReact-App/app/.gitignore
- specifies intentionally untracked files that Git should ignoreReact-App/app/public
- Root folder that gets served up as our react app.
React-App/app/favicon.ico
- It’s an icon file that is used in index.html as favicon.React-App/app/index.html
- template file which is served up when we run start script to launch our app.React-App/app/manifest.json
- used to define our app, mostly contains metadata.React-App/app/src
– react app folder
React-App/app/assets
- ImagesReact-App/app/components
- Components files and foldersReact-App/app/constants
- Content filesReact-App/app/sections
- Sections files and foldersReact-App/app/App.js
- file has react root componentReact-App/app/index.css
- Contains styles for general setup of our app.React-App/app/index.js
- This files renders our component and registers service workers.npm install -- OR -- npm install --legacy-peer-deps
npm start
npm run build
This template have these sections folders, have respective js & css files.
HomePage
- Homepage folder
Home
- Home Slider folderAbout
- About folderCounter
- Counter folderProducts
- products folderTeam
- Team folderTestimonials
- Testimonials folderBlogs
- Blogs folderHomePage.js
- Home main file About
- About folders
AboutUs
- About folderFaqs
- Faqs folderTeamPage
- Team folderTestimonialsPage
- Testimonials folderPages
- other pages folders
Gallery
- Gallery folderWishlist
- Wishlist folderCheckout
- Checkout folderCart
- Cart folderOrderList
- Order List folderOrderDetails
- Order Details folderBlogs
- Blog folders
BlogGrid
- Blog Grid folderBlogList
- Blog List folderBlogDetails
- Blog Details folderShop
- Shop folders
ShopGrid
- Shop Grid folderShopList
- Shop List folderProductDetails
- Product Details folderAccounts
- Account folders
Login
- Login folderRegister
- Register folderChangePwd
- Change Password folderForgotPwd
- Reset Password folderProfile
- Profile folderEditProfile
- Edit Profile folderEditAddress
- Edit Address folderContactUs
- Contact folderindex.js
- This template have these components folders, have respective js & css files.
Header
- Header folderHeaderItem
- Single Header Item folderMobileNavbar
- Mobile Navbar folderNavbarItem
- Single Navbar Item folderHeading
- Heading folderButton
- Button folderFooter
- Footer folderPageTitle
- Page Title folderScrollTop
- ScrollTop folderSidebarHeading
- Sidebar Heading folderFaqItem
- Single Faq Item folderGalleryList
- Gallery Button List folderGalleryItem
- Single Gallery Item folderWishlistItem
- Single Wishlist Item folderShopSummary
- Shop Summary folderCartItem
- Single Cart Item folderQuantity
- Quantity folderAddress
- Address folderOrderItem
- Single Order Item folderBlog
- Single Blog folderBlogSidebar
- Blog Sidebar folderBlogInfo
- Blog Info folderComments
- Comments folderCommentForm
- Comment Form folderPagesNo
- Pages number folderProduct
- Single Product folderShopSidebar
- Shop Sidebar folderShopHeader
- Shop Header folderPriceFilter
- Price Filter folderindex.js
- This template have these constants files.
navbar.js
- navbar Content filehome.js
- home slider Content fileteam.js
- team Content filestestiContent.js
- Testimonials Content filesfaqs.js
- faqs Content filesgallery.js
- gallery Content fileswishlist.js
- wishlist Content filescheckout.js
- checkout page content filecart.js
- shopping cart content fileorderList.js
- order list Content fileorderDetails.js
- order details Content fileblogs.js
- blogs Content filesblogSidebar.js
- blog sidebar Content filesproducts.js
- products Content filesshopSidebar.js
- shop sidebar Content filesrelatedItems.js
- related products Content filesprofile.js
- profile content filecontacts.js
- contact content fileimages.js
- images content fileindex.js
- export js fileIn this template, contact form is created using PHP. It include sending email using SMTP server and the PHPMailer library.
React-App/api/phpmailer/smtp
- Contains php mailer files
class.phpmailer.php
class.smtp.php
PHPMailerAutoload.php
React-App/api/phpmailer/submit.php
- Php file where you put your email address that will receive the message after sending through contact formsubmit.php
to get started:
// Gmail ID which you want to use as SMTP server $mail->Username = "your_email@gmail.com"; // (Your Mail)
// App Password $mail->Password = "Your App Password"; // Your app password
// Recipient Email ID where you want to receive emails $mail->addAddress("your_email@gmail.com", "your name"); // (Your Mail)
$mail->Subject = "(Flowery) New Contact Info";
const API_PATH = 'https://www.example.com/api/phpmailer/submit.php';
you can change logo text here... OR you can put image rather than text.
<!-- Logo --> <Link to='/' className='logo'> <GiFlowerPot className='logo-icon' /> <h2> Flowery </h2> <!-- <img src="" alt="logo" /> --> </a>
This template have these assets folders.