Coder Social home page Coder Social logo

ichbinich's Introduction

ichbinich

Digital Ideation - Mentoring Project

Goal of this project was to create a website, which displays paintings in an astethic way and offers the functionality to directly sell them. The website contains a self created CMS for dynamically maintaining the content.

Scheduling

https://docs.google.com/spreadsheets/d/1VxBda2RsCYcu5nPVJz7ooNNhFUHOWbch1ScIpDf1E5A/edit#gid=0

Infrastructure

I'm hosting my applications on a DigitalOcean droplet accessible with SSL on port 443. Signature made by "Let's encrypt". Front end is an Angular application because I wanted try out another front end framework than VueJS. In the back end I will stick with an express.js server behind a nginx reverse proxy because of its compability with "Let's encrypt" and the possibility to scale in the future. As a database I use MariaDB. The reason I use MariaDB is explained below in the database section. The database is running in docker containers for improved maintainability.

Infrastructure - Diagram

infrastructure-diagram

Database

I chose to use MariaDB (a relational open-source database) because I want to have structured consistent data in the back end of my shop. Additionaly it's user-friendlier to inspect data in a relational database while the project is still in developement. I didn't chose MySQL or ORACLE because I already worked with both in the past but never with MariaDB.

ER - Diagram

er-diagram

Use cases

In order to ensure a working project by the end of the module I started with defining the use cases for a MVP (minimum viable product).

  1. Show a list of paintings with all their information.
  2. User is able to add paintings to the shopping basket (Cookie).
  3. User is able to place an order, fill out the needed information and pay.
  4. User gets a confirmation mail.
  5. Employees get an order mail.

Since the database model is designed to be capable of much more, following features will be added after the MVP is implemented and working.

  1. Employees are able to sign in.
  2. Employees can add paintings.
  3. Employees can see open orders.
  4. Employees can change the order state.
  5. Users get a mail notification on an order change.
  6. Users can register.
  7. Users can sign in.
  8. Users can reset password.
  9. Users can see their orders.
  10. Users can modify their personal data.

The database is able to handle multiple languagues which will not be implemented in the front end during this module.

ichbinich's People

Contributors

remarkies avatar

Stargazers

Reto Conconi avatar

Watchers

Reto Conconi avatar  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.