Skip to content

NFSFU-ECOMM v1.0.0-alpha

Pre-release
Pre-release
Compare
Choose a tag to compare
@nforshifu234dev nforshifu234dev released this 26 May 07:21
· 8 commits to main since this release
v1.0.0-alpha
7878671
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

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.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 coming soon page.
  7. Click on the dashboard button at the top menu. Once you are in the dashboard page, you can read steps on how to go about the application. To do this this is the first option with the title "Installation Guide" of your dashboard page.
  8. By default, the visibility status of the site is set to the "COMING SOON" status. To change that see "Part II"
  9. 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 [email protected] 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 Dashboard Image

    User

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

  • Admin Dashboard Image

    Admin

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

  • Product Manager 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.

  • SUPER ADMIN 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

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.

Assets 2
Loading