Git Product home page Git Product logo

planner-app's Introduction

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 [email protected] or Linkedin LinkedIn. You can also check my github profile at RaphaGil GitHub.

planner-app's People

Contributors

raphagil avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.