https://github.com/itsyst/terra-scape-vuejs
Terra-Scape VueJS is a modern web app showcasing stunning natural landscapes and adventure tours. Built with Vue 3, Appwrite, and SCSS, it offers dynamic content, responsive design, and interactive features for an immersive user experience. Explore, discover, and embark on virtual journeys!
https://github.com/itsyst/terra-scape-vuejs
appwrite sass vuejs3
Last synced: about 2 months ago
JSON representation
Terra-Scape VueJS is a modern web app showcasing stunning natural landscapes and adventure tours. Built with Vue 3, Appwrite, and SCSS, it offers dynamic content, responsive design, and interactive features for an immersive user experience. Explore, discover, and embark on virtual journeys!
- Host: GitHub
- URL: https://github.com/itsyst/terra-scape-vuejs
- Owner: itsyst
- Created: 2025-01-30T02:08:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-16T01:19:27.000Z (about 1 year ago)
- Last Synced: 2025-05-17T21:36:19.853Z (about 1 year ago)
- Topics: appwrite, sass, vuejs3
- Language: Vue
- Homepage: https://terrascape.netlify.app/
- Size: 10.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Terra-Scape VueJS Project
## Overview
Terra-Scape VueJS is a modern web application built using Vue 3 and integrated with [Appwrite](https://appwrite.io/) for backend services. The application showcases stunning natural landscapes, adventure tours, and interactive components, providing users with an immersive experience. It leverages SCSS for modular styling and ensures responsiveness across all devices.
---
## Features
- **Dynamic Content**: Fetches images and data dynamically from Appwrite storage.
- **Responsive Design**: Fully responsive layout optimized for desktops, tablets, and mobile devices.
- **Interactive Components**: Buttons, animations, and hover effects enhance user engagement.
- **Localization**: Supports multiple languages (e.g., Swedish translations).
- **Modern Styling**: Uses SCSS with abstract variables, mixins, and reusable components.
- **Error Handling**: Graceful fallback mechanisms for missing or failed API calls.
---
## Prerequisites
Before you begin, ensure you have the following installed on your machine:
- **Node.js**: Version 18.x or higher.
- **npm/yarn**: Package manager for Node.js.
- **Vue CLI/Vite**: Development environment for Vue.js projects.
- **Appwrite**: A self-hosted backend server for authentication, storage, and databases.
---
## Getting Started
### Installation
1. **Clone the Repository**:
```bash
git clone https://github.com/your-repo/terra-scape-vuejs.git
cd terra-scape-vuejs
2. **Install Dependencies**
```bash
npm install
# OR
yarn install
3. **Environment Variables **
```bash
VITE_APPWRITE_PROJECT_ID=your-appwrite-project-id
VITE_APPWRITE_BUCKET_ID=your-bucket-id
---
### Contributing
To contribute to this project:
- Fork the repository
- Create a new branch (git checkout -b feature/new-feature).
- Make your changes and commit them (git commit -m "Add new feature").
- Push to the branch (git push origin feature/new-feature).
- Submit a pull request.