WenChiyLiao / PPlanner

A website that allows users to create trip plans, save travel information and arrange schedule with others at the same time.

Home Page:https://pplanner-bfb1a.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PPlanner

A website that allows users to create trip plans, save travel information and arrange schedule with others at the same time.

Demo

image

Link: https://pplanner-bfb1a.web.app/

User: test@gmail.com Password: 123456

Technologies

  • Front-End Fundamental
    • HTML / CSS / JavaScript
    • SCSS
    • RWD
  • Front-End Frameworks/ Libraries
    • React (Hook)
    • React Redux
    • Redux Toolkit
    • React Router
  • Firebase
    • Authentication
    • Firestore
    • Hosting
  • Others
    • react-beautiful-dnd
    • react-datepicker
    • react-dayjs
    • react-select

Flow Chart ( 2021.01 )

image

Features

Save Travel Information to Cards

image Types of data can be saved:

  • Title
  • Description
  • Main Tags (Multiple Choice)
  • Regular Tags (Up to 6 tags with Customized Name)
  • Links
  • Comments
  • Time

Add Card to Timetable

image

Invite others to join project

image

Online Collaboration

image

Future Features

  • Add new card directly on time table
  • Display more information about project, such as cards number, planned dates, members, etc..

Contact

E-mail: jjliao8889@gmail.com

About

A website that allows users to create trip plans, save travel information and arrange schedule with others at the same time.

https://pplanner-bfb1a.web.app/


Languages

Language:JavaScript 68.3%Language:SCSS 31.1%Language:HTML 0.4%Language:CSS 0.2%