Skip to content

ASP.NET Core + Vue.js web application for sharing videos

Notifications You must be signed in to change notification settings

jaheyy/CoolVideos

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CoolVideos

Web application, based on ASP.NET Core and Vue.js for watching and uploading videos.

Table of contents

Authors

License

Copyright (c) 2020 Damian Goleniewski, Błażej Tempski, Arkadiusz Wawrzyniak
This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/4.0/ or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA.

Technologies

API:

  • ASP.NET Core 3.1,
  • Entity Framework Core 3.1.11,
  • Relational Database MySQL

Client:

  • Vue.Js 2.6.11,
  • Bootstrap 4.5.3,
  • Bootstrap-vue 2.21.2,
  • Core-js 3.6.5,
  • Vue-resource 1.5.1,
  • Vue-router 3.2.0,
  • Vue-slide-up-down 2.0.1,
  • Vuelidate 0.7.6,
  • Vuex 3.4.0

Setup

To setup a project, you need to clone the repo or download its content and open up the main folder in Microsoft Visual Studio with ASP.NET installed. You will also need to configure JWT Tokens and MySQL Database connection in appsettings.json. Example appsettings.json proper configuration:

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  "ConnectionStrings": {
    "MySQL": "Server=localhost;Database=test;Uid=sa;Pwd=password;"
  },
  "Jwt": {
    "Key": "someKey",
    "Issuer": "Server",
    "Audience": "Client",
    "Subject": "AccessToken"
  },
  "AllowedHosts": "*"
}

Next step is install node modules using npm install command in /clientapp.

Features

List of ready features

  • Authentication (JWT Tokens and Vuex)
  • Searching videos
  • Watching videos
  • CRUD for videos (Onwer allowed only)
  • Liking/unliking video
  • Error handling
  • Frontend form validations

Screenshots

Releases

No releases published

Packages

No packages published

Languages

  • Vue 47.8%
  • C# 44.3%
  • JavaScript 5.3%
  • SCSS 1.5%
  • HTML 1.1%