Giter Site home page Giter Site logo

mayamckinney / ocean-driven Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 2.0 38.41 MB

A boat booking web application for renters to profit and consumers to enjoy!

Home Page: https://ocean-driven.herokuapp.com/

HTML 1.09% CSS 1.83% JavaScript 97.08%
apollographql boat boats booking react renting yachts party-boat pwa pwa-apps

ocean-driven's Introduction

Ocean Driven

License: MIT React Apollo-GraphQL

Description

Welcome to Ocean Driven, a web application that allows users to book boats listed by other users. The goal for this project was to create a full MERN stack PWA with a major focus on user interaction and convenience. This was accomplished with the use of MongoDB for our database storage and React for our client-side rendering. This application also incorporates ChakraUI to create a visually appealing UI.

Installation

Click this link to view the deployed application: https://ocean-driven.herokuapp.com/

Usage

To use this application, click the provided link in the Installation section of the README. The page opens up to the 'Home' screen, where you will see a list of boats that have been added by other users. At the top of the page, you will see a search feature with fields for location, time range, and boat type so you can easily search for the perfect boat to book. Click on the 'Login' link in the top right corner to log in to an existing user, or the 'Signup' link to create a new account. Once logged in, click on the 'Profile' link to view your profile. Here you will see your info, current bookings, and if you are a boat owner, a list of boats you've added to the website. You may also add a new boat from the profile page by clicking the 'Add Boat' button. Travel back to the home page by clicking the 'Home" link in the top right. Click on a boat card to view more details and schedule a booking. To book the boat, simply choose a beginning and end date for your booking and submit by clicking the book button. You may also check the availability for the boat by clicking the 'Check Availability' button. If you would like to leave a review, you may do so by clicking the 'Write Review' located below the boat's features. Clicking the install button in the browser url bar will install the app to the device.

Home Page Boat Page

Credits

License

MIT License

Copyright (c) 2023 mayamckinney

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

ocean-driven's People

Contributors

camdenvs avatar danielfloresd avatar ggorosave avatar mayamckinney avatar

Watchers

 avatar

ocean-driven's Issues

Footer

Social and contact info

Boat Model

Creating a boat model in the server directory

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.