POTOM~

Last updated: 23 August 2022

Documentation

Thank you so much for purchasing our item.


  • Version: 1.1.0
  • Author: MOHNAS
  • Created: 20 August 2022
  • Update: 23 August 2022

If you have any questions that are beyond the scope of this help file, Please feel free to email mohnasltd@gmail.com

Installation

Follow the steps below to setup your site:

  1. Unzip the downloaded project and open the POTOM folder to find all the project files.
  2. Open project in any code editor and open terminal then simply write this command npm install. If you want to see this project in your local server then write this command for start server npm start. Update website content And then check your browser.
  3. Then just simply use this command for build your project npm run build.
  4. You can see build folder in your project folder, just zip this build folder and upload it to your website root directory.
  5. Now your website is ready!

Fonts & Packages

  • Packages:
  • react
  • react-dom
  • react-owl-carousel
  • react-router-dom
  • react-scripts
  • react-toastify
  • react-typical
  • rxjs
  • axios
  • formik
  • Fonts:
  • fortawesome

File Structure

If you have any questions that are beyond the scope of this help file, Please feel free to email mohnasltd@gmail.com

Profile Section File Structure
  1. Below is the folder structure of profile:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/profile - Profile.css and Profile.js files
      • src/assets/home - Profile images files
About Section File Structure
  1. Below is the folder structure of about:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/AboutUs - AboutUs.css and AboutUs.js files
      • src/assets/AboutUs - Aboutus images files
Resume Section File Structure
  1. Below is the folder structure of about:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/Resume - Resume.css and Resume.js files
      • src/assets/Resume - Resume images files
Testimonial Section File Structure
  1. Below is the folder structure of about:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/Testimonial - Testimonial.css and Testimonial.js files
      • src/assets/Testimonial - Testimonial images files
Contact Section File Structure
  1. Below is the folder structure of about:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/Contact - Contact.css and Contact.js files
      • src/assets/images - Contact images files

Theme Customization

We have include a Custom CSS File in the src/pages/frontpage/home/anyfolder, so that you can better handle your Customizations for New Styles or Overwriting Default Theme Styles. Simply add all your Custom CSS Codes in the css File and link it in the header of the js file. so that your Custom CSS Styles are Overwritten properly.

Logo Settings

  1. Below is the header file structure of logo settings:
    • src/pages/frontpage - Contains all of the assets referenced
      • Imported all files in index.jsx file.
      • src/pages/frontpage/home/Header - Header.css and Header.js files
      • The Logo Container can be found in the Header.js file line number 73.

Download Resume

  • Just put your resume in the public folder and rename it's Developers.pdf or if you want to change the file name then just replace name on profile section and about section.