PlannerApp Tailwind Templates

Plannerapp

Productivity Planner App built with Java Spring Boot / React.js / Tailwind.css

PlannerApp

This is a productivity planning app built with React.js, Java Spring Boot and Tailwind.css

planner-app 1 screenshot planner-app 2 screenshot planner-app 3 screenshot planner-app 4 screenshot

Note: this is also the first project I made using my new programming setup of Ubuntu VM/Neovim

Requirements:
  • Java SDK 17
  • NPM (Node Package Manager)
  • React.js
  • Tailwind.css
Installation:

To install Tailwind CSS run npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9.

To start up the server run mvn spring-boot:run. Then navigate to localhost:8080/h2-console and click on connect. From here run the following SQL query to populate the database with cards: INSERT INTO CARDS (NAME) values ('Sunday'), ('Monday'), ('Tuesday'), ('Wednesday'), ('Thursday'), ('Friday'), ('Saturday');

To start up the front end navigate to planner-app using the cd planner-app command. Then run npm run start to start the app.

To start up Tailwind CSS run npx tailwindcss init.

Usage:

Server is running on port 8080. App is running on port 3030.

Top categories

Loading Svelte Themes