Giter VIP home page Giter VIP logo

hyperzod-slim's Introduction

Hyperzod Slim - Market Web App

Hyperzod Slim is a slim version of a market web application built with Laravel 9 and Vue.js. It allows users to browse and purchase products from nearby merchants, manage their cart, and track their orders in real-time. I am currently not working on it anymore. I made this little project to learn and practice PHP/Laravel concepts. It is superincomplete and if you're looking into it, please understand I am still learning :)

Features

  • Products and Merchants Creation: Test data for products and merchants can be generated using seeders and Faker.
  • Inventory Management: The application displays products' inventory status, indicating whether a product is in stock or out of stock.
  • Nearby Merchant Search: Users can search for nearby merchants based on their location using GeoQuery on MySQL.
  • Cart Functionality: Users can add products to their cart and proceed to checkout.
  • Place Order: Users can place orders for selected products.
  • Real-Time Order Status Updates: Order status updates are shown in real-time on the Order Tracking Screen.

Technologies Used

  • Laravel 9: The powerful PHP framework used for backend development.
  • Vue.js: The progressive JavaScript framework used for frontend interactions.
  • TailwindCSS: A utility-first CSS framework for styling the application.
  • Laravel Mix: Asset compilation and build system for Laravel applications.
  • MySQL: The relational database used for storing product, merchant, and order data.
  • Docker: Containerization tool used to package the application and its dependencies.

Getting Started

Prerequisites

  • Docker and Docker Compose should be installed on your system.

Installation

  1. Clone the repository:
git clone <repository_url>
cd hyperzod-slim
  1. Build and run the Docker containers:
docker-compose up -d --build
  1. Install PHP dependencies:
docker-compose exec app composer install
  1. Install JavaScript dependencies:
docker-compose exec app npm install
  1. Generate test data:
docker-compose exec app php artisan db:seed
  1. Compile assets:
docker-compose exec app npm run dev
  1. Access the application:

The application can be accessed at http://localhost:8000 in your web browser.

Usage

  • Browse the products and nearby merchants on the homepage.
  • Use the search feature to find nearby merchants based on your location.
  • Add products to your cart and proceed to checkout.
  • Place an order for the selected products.
  • Track your order status in real-time on the Order Tracking Screen.

Contribution

Contributions are welcome! If you find any issues or want to add new features, feel free to submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

Special thanks to the contributors and the developers of Laravel, Vue.js, TailwindCSS, and Docker for their amazing tools and frameworks.

hyperzod-slim's People

Contributors

ribhunoodleboodle avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.