1. OVERVIEW

Listee Template offers you the best template created by the latest version of reactjs 18.2.0. They are exclusively designed to help out online product listing websites with professionally designed templates. It offers a list of category-specific pages and multiple variations pages for all types of learning management platforms.

1. 1. Features

  • Creative Design: Listee is a bold theme that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.
  • Fully Responsive: The theme passed Mobile-Friendly Test – by Google. We also tested carefully the theme on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.
  • Pixel Perfect Design
  • Color & Fonts is easily changed
  • Customer Reviews, Customer accounts, Compare Products, Grid & List layout, product fillter
  • Newsletter, Social Sharing
  • React-Bootstrap and Bootstrap 5.x used
  • Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome

1. 2. Installation Guide

React.js

  • Make sure to have React CLI installed globally & running on your computer. If you already have installed React CLI on your computer, you can skip this step.

npm install -g create-react-app

Nodejs

  • Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is 18.13.0.
  • After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory (listee/reactjs/ ) of the project to run the project locally or build for production use:
  • This would install all the required dependencies in the node_modules folder.

npm i --legacy-peer-deps

  • Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, Javascript, css, etc.

npm start

  • Now you can run this Template in any web browser from your PC or Laptop.

http://localhost:3002

  • Generates a /dist directory with all the production files.

npm run build

  • reactjs/ is a folder name, you can change as per your wish how you used the folder

1. 3. Requirements

  • Node 18.13.0
  • Npm
  • Any editor [notepad++ or subline or as per your wish]

2. STRUCTURE

2. 1. File Structure

Extract the zip file you received after purchase and you would find the exact below files and folders:

Listee/ 
│
└── raectjs/ 
|	│
|	└── public/ 
|	│
|	└── src/            
|
|		.gitgnore
|			
|		babel.config.js
|			
|		jsconfig.json 
|			
|		package-lock.json
|
|		package.json
|
|		README.md
|
|		react.config.js
|
|		webpack.config.js
|
└──documentation/

	reactjs

3. CREDITS

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

4. SUPPORT

If you have any queries please contact us through email: business@dreamguystech.com

5. THANK YOU

Thank you so much for using this template

Dreamguy's Technologies Pvt Ltd,