Project-02

Timeframe - 8 days, Individual Project

Technologies/ Frameworks used:

HTML5
SCSS
Bulma
React.js
Webpack
Axios
Git
GitHub
Insominia
React
Python
PostgreSQL

Overview

An application to see cruises by region, destination or ship.

Development process

The brief of this project was to build a full stack application. I decided that I wanted to make my server side the main aspect of my application, so I researched and made my own data.

I started off with wireframing my design and also started my models which I had a lot of many to many relationships between cruise, ships and cities. All my data was then brought into Insominia so I could clearly see it.

The following model is for the cruises:

class Cruise(db.Entity):
    name = Optional(str)
    region = Optional(str)
    image = Optional(str)
    descriptionshort = Optional(str)
    descriptionlong = Optional(str)
    categories = Set('Category')
    ship = Optional('Ship')
    city = Optional('City')

class CruiseSchema(Schema):
    id = fields.Int(dump_only=True)
    name = fields.Str(optional=True)
    region = fields.Str(optional=True)
    image = fields.Str(optional=True)
    descriptionshort = fields.Str(optional=True)
    descriptionlong = fields.Str(optional=True)
    categories = fields.Nested('CategorySchema', many=True, exclude=('cruises',), dump_only=True)
    ship = fields.Nested('ShipSchema', exclude=('cruises',), dump_only=True)
    ship_id = fields.Int(load_only=True)
    city = fields.Nested('CitySchema', exclude=('cruise',))

    @post_load
    def load_ship(self, data):
        data['ship'] = Ship.get(id=data['ship_id'])
        del data['ship_id']

        return data

Design

I wanted my design to be mostly about the pictures I found so I kept the styling to a minimum.

Challenges

One of my main challenges I faced was to get used to the relationships and to be able to use that to my advantage to get data from various different parts of my seeds file, I had a few bits of information that was nested.

categories=[australia], ship=voyager_of_the_seas, city=city9)

Wins

I was really proud of how much I achieved on this in 8 days, my seeds file was large so it took me 2 days to get it completed.

Future features

We would really like to get maps as a future feature, this would be good if I could see what route the cruise was going on. The styling did get left to last minute so I would like to go and fix a few things but I think the pictures make it look good.

LaurenFWinter/Project-04