Git Product home page Git Product logo

daysail's Introduction

Table of Contents

Overview

Daysail is a web app that aims to connect recreational sailors and sailboat owners. Boat owners can submit information about their boats, and recreational sailors get to see the boats in their area and can express interest with "likes".

User Stories

  • A user registers and logs in to the app.
  • The user sees a list of all posted boats.
  • The user can view the details for one or more boats and clicks "favorite" if he/she likes the boat.
  • The user can view a list of their favorite boats.
  • A user who owns a boat may: -- add his/her boat to the app -- update the information for the boat; -- delete the boat.

Screenshots

Components

  • Landing page
  • Registration Page
  • Login page
  • Crete new boat
  • View of all boats
  • View of one boat
  • View "faves"
  • Edit boat details
  • Delete boat

Project Design

A proposal was submitted during the design phase. A database schema was written as part of the design proposal.

Technology

  • React client
  • React Router
  • Express server
  • node.js
  • Postresql database
  • Semantic UI React
  • JSON Web Tokens
  • bcrypt

Middleware

  • body-parser
  • nodemon
  • pg-promise
  • morgan
  • concurrently

Additional Tools

  • Lucid Chart

Database Schema

Key Challenges

Users must be authenticated and authorized on to the app for key functions such as saving a favorite or editing/deleting boats.

MVP

  • Users of the app must register and then login.
  • Users who own boats can add their boat to the app. Owners can also update or delete their boat information from the app.
  • Users not logged on can only view information and cannot make updates.
  • All logged on users can look at the boats on the app.
  • Users can "like" the boats that they are interested in.
  • Users can see a list of the boats they like.

Post MVP

  • Boat owners who have extra space for sailors can post a daysail trip. A daysail is a trip that is less than a day, and starts and ends in the same location.
  • Owners can update the trip details and delete the trip.
  • Users who would like to crew can join a trip.
  • Users can remove themselves from a trip.

daysail's People

Contributors

chell5k avatar

Watchers

James Cloos 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.