Git Product home page Git Product logo

zesdes's Introduction

Atheneum De Ring | Zesdes

Warning this app was my first interaction with the Laravel filesystem and Livewire, so there is a very high likelyhood that it contains lots of bugs!!!

A simple website that allows users to upload their own pictures, after approval the picture appears on the gallery on the homepage.

Stack

This website is built using Livewire, Laravel 8 and Jetstream

Deployment

First you need to edit the .env to your needs. The default .env should be fine to use

cp .env.example .env

Docker

Warning you'll need to edit the docker-compose.json so the app runs on the right port.

Run the docker compose up -d command

sudo docker-compose up -d

Set the right file permissions

sudo chown -R www:www *

After this you'll need to install the composer depencencies

sudo docker exec <container_name> composer install --optimize-autoloader --no-dev

Generate an app key

sudo docker exec <container_name> php artisan key:generate

Link the storage driver to the public folder so images are publicly viewable

sudo docker exec <container_name> php artisan storage:link

Please refer to https://laravel.com/docs/8.x/deployment for further optimizations of the Laravel application

Screenshots

Home page with gallery

image

Moderation dashboard

Only accessible when the is_mod column is set to 1 image

Upload warning

image

Upload page

image

Picture queue with moderation status

image

zesdes's People

Contributors

mohagames205 avatar

Stargazers

Douwe Somers avatar  avatar

Watchers

James Cloos avatar  avatar

zesdes's Issues

Uploaden te traag / inconsistent

De website laat niet altijd toe dat er bestanden worden geupload. Soms werkt het en soms niet, dit hangt af van de filesize (moet gecapped worden bij validation) en moet ook hoger gezet worden in php.ini. max_file_uploads moet ook aangepast worden in prod

Foto's laden te traag

De foto's laden veel te traag en een foto verwijderen is zeer clunky. Wanneer een foto wordt verwijderd, herlaad heel de array en krijg je iets wat er totaal niet uitziet. De oplossing? Gewoon een "ImageComponent" maken die een foto voorstelt. Deze image kunnen we dan makkelijker destroyen (denk ik)

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.