An simple Vue + Tailwind frontend app showcasing previously done hackathon projects. Visit the app on this page: https://consoledot-hackathon.surge.sh/.
- All projects are located as javascript files in
src/projects/. To add a new record, just create a new file with following structure:
// Storwars.js
export default {
name: 'Stor Wars: Not a Star Wars game', // Required
hackathon: 'August 2021', // Required
authors: [{ // Required
name: 'Richard Všianský'
}, {
name: 'Karel Hala'
}],
link: 'https://github.com/karelhala/stor-wars-hackathon21',
additionalLinks: [
{label: 'Play here', link: 'https://karelhala.itch.io/stor-wars'},
{label: 'Scoreboard', link: 'http://storwars.jecool.net/'},
{label: 'Trailer', link: 'https://drive.google.com/file/d/1X5IBkufrkVnLoOAiqTnPKcFMcRNpqlbe/view?usp=sharing'}
],
labels: ['Games', 'Fun'], // Required, select from Games, Fun, ConsoleDot
description: '2D Top down shooter not based on Star Wars assets with online scoreboard functionality.', // Required
image: '/StorWars.png',
keywords: ['ThreeJS', 'SocketIO'] // list of technologies, topics, etc.
}Hackathons and labels are generated automatically in the filter selections, you can use whatever you want and the UI will offer these.
You can store images is public folder.
- After adding new files, you have to run
yarn prebuildto include these projects in the UI.
On CI this step is being done automatically, so you do not have to run it locally and push the generated index.
yarn install
yarn serve
yarn build
yarn lint