OutdoorQuest is a straightforward application constructed using Gulp, EJS, Sass, and TailwindCSS.
-
Efficient Build Process: The project uses Gulp to automate various tasks, ensuring an efficient development workflow. It includes tasks for processing SCSS stylesheets, JavaScript files, and templating using EJS.
-
Responsive Design: Z~OReoo Dashboard is designed to be responsive, providing a seamless experience on various devices and screen sizes.
-
Styling with Tailwind CSS: The application is styled using Tailwind CSS, a utility-first CSS framework that allows for rapid and consistent UI development.
-
Customizable Icons: Navigation icons in the dashboard are provided by tabler-icons, offering a wide range of sleek and customizable icons.
To get started with the project, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/edriso/outdoor-quest.git
-
Navigate to the project directory:
cd outdoor-quest
-
Install project dependencies:
npm install
-
Build the project for production:
npm run build
-
Start the development server:
npm start
-
Access the website in your web browser by opening the
index.html
file located in thedist
directory.
Note: If you make changes to the src/assets
folder, like adding new images, please keep in mind that you'll need to execute the build or start command again for those changes to take effect.
-
Add your custom content and functionality by modifying the EJS templates in
src/views
directory. -
Customize the styling by editing Tailwind CSS classes or the SCSS files in
src/scss
directory. -
Extend the JavaScript functionality by adding or modifying JavaScript files in
src/js
directory.