tree-showcase Tailwind Templates

Tree Showcase

My first try with NextJS and Tailwind. Just for learning purposes - NextJS, Typescript, Tailwind, Jest, SSG

Trees showcase

My first try with NextJS and Tailwind. Just for learning purposes. A web app that showcases trees with details about name, species and image.

Features

  • ⚡️ Next.js 13
  • ⚛️ React 18
  • ⛑ TypeScript
  • 📏 ESLint — To find and fix problems in the code
  • 💖 Prettier — Code Formatter for consistent style
  • 🐶 Husky — For running scripts before committing
  • 🚓 Commitlint — To make sure commit messages follow the convention
  • 🖌 Renovate — To keep dependencies up to date
  • 🚫 lint-staged — Run ESLint and Prettier against staged Git files

Live Demo

https://tree-showcase.vercel.app

Run Locally

Clone the project

  git clone https://github.com/biagruot/tree-showcase.git

Go to the project directory

  cd tree-showcase

Install dependencies

  npm install

Start the server

  npm run dev

Run tests

  npm run test

Lighthouse report

Lighthouse report result

Author

👤 Biagio Ruotolo

License

This project is licensed under the MIT License - see the LICENSE.md file for more information.

Made with :heart: in 🇮🇹

Top categories

Loading Svelte Themes