materializecss-base

Base to create a website using MaterializeCSS + Vite (Non React)

Directions

1. Clone repository

git clone git@github.com:dfrios/materializecss-base.git

2. Install dependencies

yarn

You also may use:

yarn install

3. You should get a folder structure like this:

├── index.html
├── LICENSE
├── node_modules
│   ├── ...
├── package.json
├── public
│   └── vite.svg
├── README.md
├── src
│   ├── css
│   │   └── style.css
│   ├── fonts
│   ├── img
│   │   ├── isotipo.png
│   │   └── typescript.svg
│   ├── js
│   │   ├── base
│   │   │   └── materializecss.ts
│   │   └── main.ts
│   └── vite-env.d.ts
├── tsconfig.json
└── yarn.lock

4. That's it!

Files to customize

index.html

This is the base file and it's the entry point to the project. It's the file where HTML is written in your landing.

css/style.css

The file where styles are written.

js/main.ts

The file where JavaScript code is written.