Giter VIP home page Giter VIP logo

fermentation-station's Introduction

Fermentation Station


Welcome to Fermentation Station. A place where people who love the taste of Craft Beer and Beer Infused Food Produce can come and find the products they enjoy.

UX


User Stories

Generic User

  • As a user, I want to be able to learn about a variety of Craft Beers and Beer Infused Food Produce.

  • As a user, I want to be able to keep up to date about my favourite Craft Beers and Beer Infused Food Produce from the list of products.

  • As a user, I want to be able to request my favourite Craft Beers and Beer Infused Food Produce be added to the site.

  • As a user, I want to be able to Add my favourite Craft Beers and Beer Infused Food Produce to a shopping cart and check out.

Developers Goals

  • As a developer, I want to be able to create a usable app.

  • As a developer, I want to be able to increase the passion for Craft Beers and Beer Infused Food Produce.

Design

  1. Logo The logo was created using Free Logo Maker. It was designed to to show the love for beer and symbolise the process of making beer.

  2. Colour Scheme

The colours for the website were chosen using Coolors. They were chosen with the aim to represent the Fermentation Brand and the love that goes into it. The chosen colours are:

  1. Fonts

The website has the main font of Roboto Slab, which was chosen due to it readability to all users. Furthermore, it modern which will fit with the aim of the website. It was chosen using Google Fonts and has the default of Sans Serif.

  1. Wireframes

The wireframes for this website where created using Balsamiq

Database Structure

Key Value
_id ObjectId
username String
password String
Key Value
_id ObjectId
prouct String
total_price String
Key Value
_id ObjectId
beer String
price String
tast String
colour String
description String
Key Value
_id ObjectId
food String
price String
description String

Features


Existing Features

The features that were added to the project were designed to have a high level of usability.

Features Left to Implement

Technologies Used


Languages:

  • HTML
  • CSS
  • JavaScript
  • Typescript
  • JSON
  • Python

Frameworks and Libraries

Tools Used

Testing


All Sections

Deployment


Credits


  • I would like to thank Simen Dehlin for his continued support, help and words of encouragement throughout this project.

This project is fictitous and was created for educational purposes as part of the Code Institute Milestone Project 4

fermentation-station's People

Contributors

ted-williams 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.