Skip to content

RaphaGil/Planner-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Planner-App

Console-Finances

Overview

This project represents a significant milestone in my Front-End Web Developer Bootcamp, constituting the 7th challenge. Throughout this challenge, I've immersed myself in JavaScript fundamentals, gaining hands-on experience in crucial concepts such as working with objects, object methods, handling nested data, iterating through nested structures, utilizing functions and parameters effectively, understanding scope, data storage, and employing jQuery.

Description

The primary objective of this challenge was to enhance a basic calendar application by leveraging the provided starter code. The task involved enabling users to create and save events for each hour of the day. The resulting application operates within a web browser and exhibits dynamically updated HTML and CSS, all made possible through the utilization of jQuery.

Table of Contents

Installation

To set up and view this project locally, follow these simple steps:

  1. Clone the repository to your local machine.
  2. Open the project folder in your preferred text editor.
  3. Launch the index.html file in a web browser.

Screenshots

Dashboard Overview

Raphaela Planner App Caption: Overview of the project's main webpage.

Console Output

Storage data Caption: Detailed view of the storage, presenting the user input about his plan for that day.

Usage

  • JavaScript is employed to dynamically display content or sections based on user interactions or navigation, providing a more interactive and user-friendly experience.
  • JQuery, a JavaScript library, is utilized to streamline and expedite DOM manipulation, event handling, and simplifying complex tasks, contributing to a more efficient and concise codebase for interactive web elements.

Features

JavaScript Basics

  • Utilizing JavaScript functions and comprehending their usage.
  • Implementing logical comparison operators for conditional evaluations.
  • Employing conditional statements for decision-making processes.
  • Incorporation of jQuery widgets, interactions, and DayJS for enriched functionality.

Data Handling

  • Working with arrays to efficiently store and manipulate data.
  • Utilizing loops, especially the for loop, for iterative data processing.

User Interaction

  • Engaging users through interactive elements.
  • Providing a selection of saving user information
  • Input fields for displaying user plans
  • Utilizing event listeners to capture user actions effectively.

LocalStorage and JSON

Understanding the use of LocalStorage and JSON: - Stringifying and parsing data to transfer to the backend.

  • Facilitating data retrieval and potential future utilization using these methodologies.

Function Interaction and Logical Flow

  • Understanding the logical flow of functions and their interactions.
  • Comprehending the ways functions interact with each other and with the overall application logic.

Contributing

If you're also on the journey of learning web development and wish to contribute or offer feedback, don't hesitate to fork the repository and submit a pull request. Contributions and suggestions are highly valued!

Credits

  • Guidance from Bootcamp instructors
  • Students from the Bootcamp sharing their knoledge

License

This project is licensed under the MIT License. The MIT License is an open-source license widely used for software projects. It is known for its permissive nature, allowing users to freely use, modify, distribute, and sublicense the software without significant legal restrictions.

Raphaela Gil_Planner App - Raphaela Gil

Contact Information

If you're interested in sharing ideas, experiences, or collaborating on projects, please feel free to get in touch via email at raphaela.gil@yahoo.com or Linkedin LinkedIn. You can also check my github profile at RaphaGil GitHub.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors