FARK-T

Showcase • Tech Stack • Requirement • Setup Project • Start Project • Contributor

DESCRIPTION : This is a project in my Web Application Development Project (01076120), Computer Engineering at KMITL Class. This project about food delivery web application that user can order food that call fark and user can buy food for other user. At the first login user will get 3 coins, Your coin will decrease when you order food depend on your order and your coin will increase when you buy the food for other user depend on order amount. The other features is edit profile and coin history.

Showcase

Tech Stack

• Frontend React Typescript (Created by Vite) with Tailwindcss
• Backend ASP.NET Core 6.0
• Database MySQL

Requirement

1. Yarn (1.22.xx)

npm install --global yarn

2. .NET CLI (6.0.xx)
3. MySQL Tools

Setup Project

1. Clone project

git clone https://github.com/Bourbxn/fark-t.git

2. Setup Database

1. Login to MySQL tools
2. Create schema in MySQL tools name farkt

3. Setup Backend

1. Open and edit file ApplicationDbContext.cs in fark-t/server/ApplicationDbContext.cs

using Microsoft.EntityFrameworkCore;
using server.Models;

namespace server;

public class ApplicationDbContext : DbContext
{
    protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
    {
        optionsBuilder.UseMySQL("Host=localhost;Port=<MySQL-Port>;Database=farkt;User ID=<MySQL-Username>;Password=<MySQL-Password>");
    }
    public DbSet<Users> Users { get; set; }
    public DbSet<Orders> Orders { get; set; }
    public DbSet<Farks> Farks { get; set; }
    public DbSet<Histories> Histories { get; set; }
}

2. Migrate Database

cd server
dotnet ef migrations add <migration-comment>
dotnet ef database update

4. Setup Frontend

1. Install package

cd client
yarn

2. Open and edit file .env in fark-t/client/.env

VITE_APP_API=<backend-url>/api

Start Project

1. Backend

cd server
dotnet run

2. Frontend

cd client
yarn dev

3. Start project at http://localhost:5173/

Contributor