Skip to content

EmanuelTud0r/MMCEchallenge2023

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


    Vue - Vite Skeleton

Vue/Vite Skeleton


This repository is a Typescript & Javascript skeleton with Vue, designed for quickly getting started developing a web application. Check the Getting Started for full details.

Technologies

Getting Started

Within the Makefile you can handle the entire flow to get everything up & running:

  1. Install make on your computer, if you do not already have it.
  2. Install the Yarn dependencies: make deps
  3. Start the application: make up

As you could see on the Makefile script, you could just avoid those steps and just execute make up, as deps are dependant of it.

Once these steps are finished, you could access to the application navigating into http://localhost:3000.

Using Dockerfile

In case you don't want to install make but still run with docker follow the below instructions:

  1. Docker build -t
  2. Docker run -it -p 3000:3000

This version is meant to be run on prod environments and listens to all IP adressess. You can change this inside the package.json. You can change as well the exposed port inside the Dockerfile and package.json

Overview

This skeleton is based on a Clean Architecture approach, so you could find the first basic elements:

You could find here an amazing Dev.to article explaining this Clean Architecture on frontend! (credits to @bespoyasov_).

UI layer

This folder contains the basic UI elements. You should add any UI element inside this folder, with the respective CSS file module.

Application layer

This layer is the one in charge of the different use cases of the application. A Use Case it's a workflow of what should it happen to a concrete Domain entity once interacts with the application.

This is the layer which would use any external service and communicate with the world (ie. APIs, databases, etc...)

Services layer

As we said, this is the layer that communicates the application with the outer world, and the one that would be coupled with almost any 3rd party provider, framework, etc...

Support

If you are having problems or need anything else, please let us know by raising a new issue.

License

This project is licensed with the MIT license.

About

Repository for the nuwe.io MediaMarkt Challenge 2023.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published