Liam Wedge

21100218

DV300 - Term 2 Project | 2023

The Naughty Sailor

A project developed around the bartending & service industry with emphasis on bartending and mixology

Demo Report Bug

Table of Contents

• Getting Started
  • Prerequisites
  • How to install
• Features and Functionality
• Concept Process
  • Ideation
  • WireFrames
  • Custom UI
• Development Process
  • Implementation Process
  • Future Implementation
• Final Outcome
  • Mockups
  • Video Demonstration
• Conclusion
• License
• Contact
• Acknowledgements

Project Description

Naughty sailor is based off one of my favourite cocktails from a popular bar i used to work at and where i got the inspiration for my app. It allows users to vote on certain drinks and enter into competitions where they can face off and determine the best mixologist around

Built With

Getting Started

The following instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Ensure that you have the latest version of NPM installed on your machine. The GitHub Desktop program will also be required.

How to install

Installation

Here are a couple of ways to clone this repo:

1. GitHub Desktop
   Enter https://github.com/NoSleepTillLambos/TheNaughtySailor into the URL field and press the Clone button.

2. Clone Repository
   Run the following in the command-line to clone the project:

   git clone https://github.com/NoSleepTillLambos/TheNaughtySailor

   Open `Software` and select `File | Open...` from the menu. Select cloned directory and press `Open` button
   

3. Install Dependencies
   Run the following in the command-line to install all the required dependencies:

   npm install

4. An API key is not required for this installation

Old Features

New features & functionality

Feature 1


🏆 Users can discover newly listed competitions, read the requirements & enter

Feature 2

🔎 Check leaderboard standings

Feature 3

Concept Process

Road Map and conceptual process

The concept originated from my job. I work as a bartender at a high end establishment and always felt the need for customers to have the ability to visit the shop, have a cocktail and then rate it on an app of some sort, thus my idea was born! | I wanted users to learn from people in the industry

Development Process

• I spent a lot of time on apps that were in line with what i was trying to create, i.e restaurants, bars etc and went through the functionality and how the app was going to work
• A lot of the process went towards and was guided around the question of how can i make this a real world application? what do i need to do for this app to be world ready?
• I also accepted this as a growing project, one i can keep bettering and working on. There are so many options and ideas i want to add to this project in the future

Implementation Process

• A big part of the process was getting familiar with Expo and the world of mobile development and getting familiar with working on android and ios.
• The project is very frontend orientated especially as my first app that i am developing i wanted it to be as thought out as possible with every little piece to be tailormade.

Above And Beyond

Going above and beyond the brief

• Lottie animations
• Onboarding screens

Future Implementation

• Search functionality
• Comment section where users can visit the individual entries and leave comments on their fellow competitors drinks
• Google login and verification
• Skeleton loading animations, they add a great touch to the UI and the experience of the app

Final Outcome

Mockups

Video Demonstration

To see a run through of the application, please click below:

See the open issues for a list of proposed features (and known issues).

Authors

LiamWedge

License

Distributed under the MIT License. See LICENSE for more information.\

Contact

Liam Wedge - liamwedge00@gmail.com Naughty Sailor - https://github.com/NoSleepTillLambos/TheNaughtySailor

Acknowledgements

Languages & frameworks

UI

• Lottie (Lottie animation loaders/ onboarding ui)
• unDraw (Easy & free to use website for illustrations / easily customizable to fit your apps color pallete)
• React-Native Elements (Onboarding screens/ skeleton loaders as well as further UI implementation)