recurring-planner Svelte Themes

Recurring Planner

A calendar designed for aperiodic repetitive events. You have the ability to create templates and add them to your day, fully synchronized with your Google Calendar. Built using Svelte, Tailwind, HeadlessUI, and Golang.

Recurring Planner

For those with recurring plans(pun intended)

The why?

Why create another calendar app when there are already so many available? How can it be better than established apps like Google Calendar or Cal? Recurring Planner was designed to address a significant issue I encountered while using Google Calendar - the absence of templates. With Recurring Planner, you can create a set of templates to accommodate different days in your life (e.g., University Monday, Quiz Week Weekend, Chill Sunday), all synchronized with your Google Calendar.

What does it do?

With recurring planner, you can create templates and apply them to the days on which you want to follow them

Screenshots

     

     

     

I like this, how can i use this?

[!NOTE] To access the hosted version of recurring planner go here

Prerequisites

  • Node JS (>16.13.1)
  • Golang compiler (>1.19.2)
  • Postgres instance

Steps

Currently the only way to use Recurring Planner is to host it on your own(Though i might host it sometime later). Steps to get RP up and running:

  1. Clone the repository

    git clone https://github.com/RS2007/recurring-planner.git
    
  2. Create two .env variables, one in the frontend and the other in the backend

    • For the frontend .env file add these fields:

      1. #frontend
           VITE_GOOGLE_CLIENT_ID=<your-google-client-id>
           VITE_GOOGLE_SCOPE=https://www.googleapis.com/auth/calendar
           VITE_GOOGLE_REDIRECT_URI=http://localhost:5000/api/auth
        
      2. #backend
           POSTGRES_USER=<postgres-user>
           POSTGRES_PORT=<postgres-port, usually 5432>
           POSTGRES_PASSWORD=<postgres-password>
           POSTGRES_DB_NAME=<postgres-db-name>
           JWT_SECRET=<your-jwt-secret>
           GOOGLE_CLIENT_ID=<your-google-client-id>
           GOOGLE_CLIENT_SECRET=<your-google-client-secret>
           GOOGLE_REDIRECT_URI=http://localhost:5000/api/auth
        
  3. To generate google clientId and secret token go to google developers console, create an application, give permission to the /auth/calendar,/auth/userinfo.profile and /auth/userinfo.email

  4. For the redirect URI on the console, give http://localhost:5000/api/auth and the javascript origin as http://localhost:5000.

  5. cd frontend && npm i && npm run build
    cp -R dist ../backend
    cd ../backend
    go get . && go run .
    
  6. Go to your browser and type in http://localhost:5000

I have issues trying to get it running

  • Feel free to raise an issue in case you have difficulties getting it up and running.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes