Planico is a web-based platform designed to provide an intuitive and user-friendly interface for users to manage their plans and schedules. The project consists of five core web pages, each serving a specific purpose.
The Landing Page serves as the entry point of the website. It provides an overview of the platform's features and invites users to log in or sign up to access their profiles.
The source code for the Landing Page is located in Landing_Page.html.
The Login Page allows existing users to access their accounts by providing their credentials. Proper validation and error handling ensure a seamless login experience.
The source code for the Login Page is located in Login_Page.html.
New users can create an account using the Signup Page. The page collects essential user information and validates inputs to maintain data integrity.
The source code for the Signup Page is located in Sign_Up.html.
The Main Page is a web-based task management application that allows users to:
- Add tasks with priority levels (High, Medium, Low).
- Sort tasks alphabetically or by date.
- Mark tasks as completed.
- View task data visually through dynamic charts (Pie, Bar, Line, and Histogram).
- Add tasks with a title, priority, and optional due date.
- Display a list of tasks and mark them as completed.
- Delete tasks from the list.
- Separate sections for active and completed tasks.
- Sort tasks alphabetically by their title.
- Sort tasks by their due date.
View task distribution and completion rates through charts:
- Pie Chart: Distribution of tasks by priority.
- Bar Chart: Comparison of total vs. completed tasks by priority.
- Line Chart: Task completion rates by priority.
- Histogram: Task distribution by priority.
- HTML: Structure of the application.
- CSS: Styling and layout, including Bootstrap for responsive design.
- JavaScript/jQuery: Dynamic behavior and task management functionality.
- Chart.js: Interactive and responsive charts.
- Bootstrap 5.3: Framework for responsive design and UI components.
The source code for the Main Page is located in Main_Page.html.
The Profile Page is a personalized space for users where they can view and manage their plans. It includes options for editing user details and preferences.
The source code for the Profile Page is located in Profile_Page.html.
- A modern web browser (e.g., Chrome, Firefox, Edge).
- A web server (e.g., Apache, Nginx) or a local server environment (e.g., XAMPP, WAMP, MAMP).
-
Clone the repository to your local machine:
git clone https://github.com/your-username/planico.git
-
Navigate to the project directory:
cd planico -
Open the project folder in your preferred code editor to view or edit the source code.
-
Serve the project using your local server or by opening
Landing_Page.htmlin your web browser.
- Open the website in your browser by navigating to the local server's URL or double-clicking
Landing_Page.html. - Use the navigation menu to access the Login, Signup, or Profile pages.
- Create an account or log in to start using the platform.
- Explore the Profile Page to manage your plans and account details.
- HTML5: For the structure and layout of the webpages.
- CSS3: For styling and visual elements.
- JavaScript: For interactive features and functionality.
- Backend (Optional): Add server-side scripting for authentication and database integration if required.
We welcome contributions to enhance Planico. To contribute:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature-name
- Commit your changes with a descriptive message:
git commit -m "Add feature-name" - Push the changes to your fork and create a pull request.
Planico is open-source and distributed under the MIT License. Feel free to use, modify, and share the project.
- Adding a backend to enable user authentication and persistent data storage.
- Enhancing the design with advanced CSS frameworks like Bootstrap or Tailwind.
- Introducing additional features such as task reminders, calendar integration, and sharing options.
- Email: harshavardhanponduru@gmail.com
- Phone: +91 955 626 3453
Developed by Group B:
- P Harshavardhan (2341008007)
- Upasana Rout (2341018183)
- Aneek Mukherjee (2341013412)
- Kumar Amlan (2341001080)