Skip to content

NFSH-ECOMM is an E-Commerce website package application for small startups. which they can easily just run the installation and go on with thier sales without having to worry about simple issues. Regarding performances, data update across servers, etc. This project is just an idea to test my skills in Web Development.

Notifications You must be signed in to change notification settings

nforshifu234dev/NFSFU-ECOMM

Repository files navigation

NFSH-ECOMM

PHP Badge NFSFU-ECOMM Banner

NFSH-ECOMM is an E-Commerce website package application for small startups. which they can easily just run the installation and go on with thier sales without having to worry about simple issues. Regarding performances, data update across servers, etc.

This project is just an idea to test my skills in Web Development. At this point this is just for learning sake an time goes by I intend to work with people hopefully on this project.

FEATURES OF NFSH-ECOMM v1.0.4-alpha

What's New?

  • Installation Error Clearance

    The error of Access Denied of some files during the installation process has been fixed in this version.

  • Updated the logo parent logo for the site.

    The logo for NFORSHIFU234 Dev have been updated.

  • Updated Error Message shown on Home page when no products is visible or when no product under a category is visible.

    In this version, I have added an error to show on the Home Page(index.php) when the admins have not uploaded a product or made a product visible or when a category has no visible product under its category.

  • Accomodation for additional CSS and JS contents

    In this version, I have added 2 files custom.css and custom.js. These files will be used to handle additional styling for the website. For example pages like (contact.php, about-us.php, terms-and-conditions.php, privacy-policy.php) will require additional CSS or JS functionality, so these files aid with that.

    custom.css is located at "assets\css\custom.css".
    custom.js is located at "assets\js\custom.js".

  • Errors are only displayed to login users.

    In this version, Errors that occur in the site are only visible to users that are logged in. If a user is not logged in and an error occurs, then the user sees a blank section or page depending on the situation.
  • Updated some few code lines on some admin pages.

    Updated some few lines of the dashboard.php, and other admin pages. Nothing major.

FEATURES OF NFSH-ECOMM v1.0.0-alpha

NFSH-ECOMM v1.0.0-alpha features are listed below:

      User Features

    • Home Page to display Recent Products
    • The sidebar which shows random products and categories to view products from.
    • About Us Page
    • Contact Us Page
    • Privacy Policy Page
    • Terms and Conditions Page
    • Shop Page to display all products in stock
    • Search Page to search for products
    • Category Page to view all products under a specific category
    • Single Product View Page to view the detils of a product
      <
      	------ Features ------
      	->	Changes the hero image to any of the product images on click
      	->	Edit Product Button if admin is logged in
      	-----------------------
      >
      
    • Login
    • Logout
    • All Admin Features

    • Create Product
    • Create Categories
    • Create Users
    • View Product
    • View Categories
    • View Users
    • View Site Information
    • Edit Site Information status
    • Login
    • Logout

PART I - INSTALLATION

How To Install NFSH-ECOMM

  1. Firstly, you will need to have an Apache Server installed on your local machine or you have an Apache hosting platform on the web. If you don't have this. Then you download XAMPP Apache Server. You can download it from here
  2. After you must have done that, you can now download NFSFU-ECOMM v1.0.0-alpha .zip file or .tar.gz file.
  3. Once your download is complete, extract the file from the .zip file or .tar.gz file to your preferred location in your htdocs folder or www folder.
  4. Open your browser and navigate to the folder (Example: If I extracted it to my htdocs folder on XAMPP Apache Server, then I will navigate to "localhost/NFSFU-ECOMM/")

    NFSFU-ECOMM_browser_url

  5. Follow The Installaton Process and provide the neccessary information asked.
  6. After the installation is successful, you will be redirected to the dashboard page.
  7. By default, the visibility status of the site is set to the "COMING SOON" status. To change that see "Part II"
  8. If you wish to add products see "Part III" for more information, if you wish to add categories, see "PART IV", if you wish to add users, see "PART V"

PART II - VISIBILITY STATUS

  • There are 4 VISIBILITY STATUS which are Active, Coming Soon, Maintainance and Offline.

    • ACTIVE

      Coming Soon Preview

      The ACTIVE visibility status is the state where the site is opened to the users to view the products in stock and do their shopping.

    • COMING SOON

      Coming Soon Preview

      The COMING SOON visibility status is the state where the site is opened to the users but the site has not been fully opened for buisness.

    • MAINTAINACE

      Coming Soon Preview

      The MAINTAINACE visibility status is the state where the site is under maintainance. For example updating the codes of the site or the hardware infrastructures, etc

    • OFFLINE

      Coming Soon Preview

      The OFFLINE visibility status is the state where the site services to the users are restricted and the pages are not displayed.

  • How to change your site VISIBILITY STATUS

      To change the visibility status of your site, follow the steps below

    1. Login into your Super Admin account
    2. Header

      Navigate to "SITE INFORMATION" page. You can find the link on the side navigation or the third option of your dashboard page.

    3. Click the edit icon (pen icon) and click the dropdown to change your staus

      Header Header

PART III - CREATE NEW PRODUCTS

Now lets look at how to create new products.

  • Login into your Super Admin or Product Manager account
  • Navigate to "CREATE NEW PRODUCT" page. You can find the link on the side navigation or the eighth (8) option of your dashboard page.

    Header

  • Fill in the detils requested then click the "Add New Product Button"

    Header

  • NOTE: The maximum amount of upload file is 15. Meaning you can only upload a maximu of 15 images during creation of Products.

PART IV - CREATE NEW CATEGORIES

Now lets look at how to create new categories.

  • Login into your Super Admin or Product Manager account
  • Navigate to "CREATE NEW CATEGORY" page. You can find the link on the side navigation or the nineth (9) option of your dashboard page.

    Header

  • Fill in the detils requested then click the "Add New Category" Button

    Header

PART V - CREATE USERS

Now lets look at how to create new users to run the site.

  • Login into your Super Admin or Admin account
  • Navigate to "CREATE NEW USER" page. You can find the link on the side navigation or the tenth (10) option of your dashboard page.

    Header

  • Fill in the detils requested then click the "Create Profile" Button

    Header

PART VI - VIEW ALL PRODUCTS

Now lets look at where to view all our products.

  • Login into your any type of account
  • Navigate to "VIEW ALL PRODUCTS" page. You can find the link on the side navigation or the fourth (3) option of your dashboard page.

    Header

    Header

PART VII - VIEW ALL CATEGORIES

Now lets look at where to view all our products.

  • Login into your Super Admin or Product Manager account
  • Navigate to "VIEW ALL CATEGORIES" page. You can find the link on the side navigation or the fifth (5) option of your dashboard page.

    Header

    Header

PART XIII - CHANGE SITE INFORMATION

Now lets look at where and how to view all our SITE INFORMATION

  • Login into your Super Admin account
  • Navigate to "SITE INFORMATION" page. You can find the link on the side navigation or the third (3) option of your dashboard page.

    Header

  • The only editable informations are the "SITE VISIBILITY" status and the "SITE NAME"

    Header

    • To do this, all you have to do is to click the edit(pen) button and it will take to the edit page and then you edit and click the "Update Button:

      Header

PART IX - VIEW ALL USERS

Now lets look at where to view all our products.

  • Login into your Super Admin or Admin account
  • Navigate to "VIEW ALL USERS" page. You can find the link on the side navigation or the sixth (6) option of your dashboard page.

    Header

    Header

  • NOTE: By default you already have one SUPER ADMIN USER with the username of "NFSFU-SA", email of super-admin@nforshifu234.dev and password of "NSFU-Pass123"

PART X - USER ACCOUNTS

To view Your profile, All you need to do is to navigate to "ACCOUNT" page. You can find the link on the side navigation or the second (2) option of your dashboard page.

Currently, there are only 4 type of ADMINS which are listed below:

  • User

    This type of users can only view all products that are public.

    User Dashboard Image

  • Admin

    This type of users can only create new users, view & edit all users and view all products that are public.

    Admin Dashboard Image

  • Product Manager

    This type of users can only create new products, create new categories, view all products that are both public and private, view all categories, edit products and edit categories.

    Product Manager Dashboard Image

  • SUPER ADMIN

    This type of users can do all the activities that the other admins do. The distinguishing feature about this types of admins is that they :

    • Can change the name of the store
    • Can change the visibility status of the store/site
    • Can view the time when a change was made last in the whole Store and who changed it

    SUPER ADMIN Dashboard Image

PART XI - Edit Pages

If you want to edit a page, you cannot possibly do that. But there are some pages which you can edit. View the table below to view which pages can be edited.

# SITE NAME SITE PATH SITE DESCRIPTION
ABOUT US PAGE assets\pages\about.php This is the page where customers will be able to know about your brand.
CONTACT US PAGE assets\pages\contact-us.php This is the page where customers will be able to contact you and get other information on support information.
TERMS AND CONDITIONS PAGE assets\pages\terms-and-conditions.php This is the page where customers will be able to see the Terms and Conditions while using your site.
PRIVACY POLICY PAGE assets\pages\privacy-policy.php This is the page where customers will be able to see the Privacy Policy that your site is using.

PART XII . 1 - How To Edit Pages

To to edit the pages above, you can just replace everything in that file with all the contents that are supposed to be in the body tag of your HTML page.



THANK YOU FOR USING NFORSHIFU234 Dev

FOLLOW ME:


About

NFSH-ECOMM is an E-Commerce website package application for small startups. which they can easily just run the installation and go on with thier sales without having to worry about simple issues. Regarding performances, data update across servers, etc. This project is just an idea to test my skills in Web Development.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published