hoadam / hop_hop_fe

Your simple all in one travel planning tool

Hop-Hop Demo

• Create a Trip
• Search for places on Google Maps
• Add an accommodation
• Add daily activities
• Keep track of your budget!

How to Use

*This repo runs on Ruby v3.2.2 and Rails v7.1.3 with a PostgresSLQ database

Installation

1. Clone the repository:

   git clone <repository_url>

2. Install dependencies:

   bundle install

3. Set up the database:

   rails db:{drop,create,migrate,seed}

4. Start the server to build CSS and JS files with:

   ./bin/dev -p 5000

5. Connect it with our backend repo found here: Hop Hop Back End

Key Features

• A User can log in with 2FA and Google Authentication
• A User can search on the Google Maps in Discover or Trips page with marker locations
• Mobile friendly design with TailwindCSS and Flowbite components

Contributing

Contributions are welcome! Feel free to open issues or pull requests.

License

This project is licensed under the MIT License.

Collaborators

• Hoa Dam
  • LinkedIn || GitHub
• Igor Magalhaes
  • LinkedIn || GitHub
• Selena Hawamdeh
  • LinkedIn || GitHub
• Yain Porter
  • LinkedIn || GitHub

hop_hop_fe's Issues

Google Maps API

Consume the api by javascript.
Adding GG search bar on every forms

Add additional information on DB backend

• Lat, lon, pic_url to Trips
• pic_url to Activties

Consume API from backend

Create Log In Page

Database Cleaner Gem

Database Cleaner is a set of gems containing strategies for cleaning your database in Ruby.

The original use case was to ensure a clean state during tests. Each strategy is a small amount of code but is code that is usually needed in any ruby app that is testing with a database.

Create Welcome Page

Draper

Create Trip Dashboard

Create User Dashboard

Browser API Geolocation

research

Discover Page

Display GG Maps??

US 5

As a valid user,
when I visit the login page '/login',
and click the link to login using Google account,
I fill in my google account info,
and click continue,
I'm redirected to my dashboard '/dashboard',

Consume API from Google Places

To add places using Gg search in Trip Dashboard

Create Log In and Sign Up with Google

2 Factor Authentication

Styling Welcome Page, Log In, Sign Up Page

Using bootstrap??

Create Sign Up page