ElixirConfAfrica Web 2022

Official conference website

Nuxt 3 implementation We recommend to look at the documentation.

Setup

Make sure to install the dependencies

yarn install

Development

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarn build

Building Components

UI inspiration from this https://demo.themewinter.com/wp/exhibz/home-9

All components sit in /components directory. check on nuxt 3

Style Guide

All styling are handled by Tailwindcss including paddings, margins, colors, font sizes etc.

All colors are included in the tailwind.config.js file. Any added color has to have a provision for dark theme and classes included in code too;

<span class="text-primary dark:text-primary-dark"></span>

The file assets/css/main.css has some already applied classes, you can add more here

Deployment

Checkout the deployment documentation.