https://github.com/iamsomraj/task-planner
Task Planner Pro - A Modern Fullstack Personal Task Manager Built with the Next.js App Router, TypeScript, Tailwind and Firebase
https://github.com/iamsomraj/task-planner
approuter firebase firestore google hooks nextjs nextjs13 oauth2 reactjs server-components servercomponent tailwindcss tanstack-react-query typescript
Last synced: 3 months ago
JSON representation
Task Planner Pro - A Modern Fullstack Personal Task Manager Built with the Next.js App Router, TypeScript, Tailwind and Firebase
- Host: GitHub
- URL: https://github.com/iamsomraj/task-planner
- Owner: iamsomraj
- License: gpl-3.0
- Created: 2023-08-22T14:37:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-06-15T10:46:03.000Z (7 months ago)
- Last Synced: 2025-06-15T11:28:25.924Z (7 months ago)
- Topics: approuter, firebase, firestore, google, hooks, nextjs, nextjs13, oauth2, reactjs, server-components, servercomponent, tailwindcss, tanstack-react-query, typescript
- Language: TypeScript
- Homepage: https://task-planner-pro.vercel.app
- Size: 811 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Task Planner Pro - A Modern Fullstack Personal Task Manager
Built with the Next.js App Router, TypeScript, Tailwind and Firebase
## Demo
✅ [Preview] [https://task-planner-pro.vercel.app/]
## Features
- Google SSO
- Home Page for viewing personal tasks
- Option to Create new Task
- Option to edit Task title and description
- Ability to mark task as completed
- Option to delete task
- much more
## Run This Application
Following steps are required to run the application:
- Open Terminal
- Clone Task Planner Pro Repository
```bash
git clone https://github.com/iamsomraj/task-planner.git
```
- Go to Root Directory of task-planner
- Setup Environment Variables
To run this project, you will need to add the following environment variables to your .env file ( `.env.example` )
- `NEXT_PUBLIC_FIREBASE_API_KEY` : api-key
- `NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN` : auth-domain
- `NEXT_PUBLIC_FIREBASE_PROJECT_ID` : project-id
- `NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET` : storage-bucket
- `NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID` : sender-id
- `NEXT_PUBLIC_FIREBASE_APP_ID` : app-id
Create these environment variables, save them in root folder. File name can be `.env.local`.
- Start task-planner
```bash
npm run dev
```
## Tech Stack
**App:**
- Next JS 13 (App Router, Server Components, Client Components)
- Tailwind CSS
- Firebase
**Language Used:**
- Typescript
## Feedback
If you have any feedback or you want to give me some tips related to development or even documentation, please reach out to me at iamsomraj@gmail.com.