Git Product home page Git Product logo

safeguide's Introduction

๐ŸŒŸ SafeGuide

โœจ Discover Morocco - Authentically, Safely, Affordably

Welcome to SafeGuide - the quintessential digital compass for the savvy traveler venturing into the heart of Morocco. With our Progressive Web App (PWA), powered by the robust trio of Angular, Tailwind CSS, and Firebase, you're all set for a journey that's as seamless as it is secure.

Features

  • Progressive Web App (PWA): Enjoy the convenience of accessing the app directly from your mobile device's browser without the need to download or install from an app store.
  • Real-Time Price Display: View real-time prices of various Moroccan products to ensure transparency and prevent scams.
  • User-Friendly Interface: Enjoy a user-friendly interface designed for tourists to easily access and understand price information.
  • Geolocation Integration: Utilize geolocation features to suggest nearby markets or shops where users can find the displayed products.
  • Chat Section: Engage in conversations with other users to share experiences, ask questions, and exchange travel tips and recommendations.
  • User Interaction: Interact with fellow tourists through a chat interface to enhance the overall travel experience and foster a sense of community. -Product Categories: Organize products into categories for easy navigation and browsing.

Tech Stack

  • Frontend: Crafted with Angular Framework for finesse and fines.
  • Styling: Dressed in Tailwind CSS and Flowbite for a responsive, tailor-made UI.
  • Backend & Security: Fortified by Firebase's full suite for peace of mind.

Architecture

Architecture

We encountered hosting issues with Firebase, so we opted to host our application on Netlify instead.

Explore SafeGuide Online

You can experience SafeGuide online by visiting https://safeguide.netlify.app/explore.


Getting Started

To run SafeGuide locally, follow these steps::

  1. ๐Ÿ“ฅ Clone the repository : https://github.com/AhmedHoussamBouzine/safeguide.git.
  2. ๐ŸŒ Install Angular CLI with npm install -g @angular/cli.
  3. ๐Ÿ“ฆ Install the dependencies with npm install.
  4. ๐Ÿš€ Launch with ng serve.
  5. ๐ŸŒ Visit http://localhost:4200/ to explore.

Contributing

Contributions to SafeGuide are welcome! If you have ideas for new features, improvements, or bug fixes, please open an issue or submit a pull request.


๐Ÿ‘จโ€๐Ÿ’ป Crafted by N7 Team - ENSET Mohammedia, 2024.

safeguide's People

Contributors

ahmedhoussambouzine avatar elmouaddibe avatar nouhaylamouakkal avatar ayoubad12 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.