#HTML5 #CSS #Bootstrap #js #dom #Javascript #nodeJS #Typescript

Assembler Calendar

Introduction

In this project you will have to create a calendar using the main web fundamentals and typescript. The calendar must allow users to create and delete events without refreshing the page.

What are the main goals in this project?

Improve your knowledge of JavaScript Learn to work with the HTML DOM Learn to work with localStorage Learn and improve your knowledge in logic processes Learn to validate forms using Javascript Learn to work with JSON format Learn how to implement the basics of typescript

Konwledge Implementation

• HTML: Implementation of new structure of Bootstrap, new tags, organization.
• CSS: Implement css styles and combine them with Bootstrap's
• TS: Becoming familiar with all concepts of typing information

Getting Started

First of all, you'll need to clone or download and extrac the repo:

$ git clone https://github.com/ebroto7/Assembler-Calendar.git

Specifications

You will have to open the project with VScode live server or similar to avoid CORS or CORB errors. In addition you have to install bootstrap via npm or include it via CDN link.

npm install:

npm i bootstrap@5.3.1

Include via CDN:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>

Author

[ Enric Broto] (https://github.com/ebroto7);

[Yann Parés] (https://github.com/YannPares);

[Amina Seye];

[Aday] (https://github.com/kaynmertens19)

License

MIT