https://github.com/bwhtdev/plannerapp

Productivity Planner App built with Java Spring Boot / React.js / Tailwind.css
https://github.com/bwhtdev/plannerapp

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/bwhtdev/plannerapp
• Owner: bwhtdev
• Created: 2022-08-14T02:59:49.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-22T00:59:56.000Z (over 2 years ago)
• Last Synced: 2024-10-30T01:03:58.297Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 683 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PlannerApp

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









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.