TaskList

I wrote task application completely with JavaScript and HTML. Features:

1. Add new tasks
2. dleate a specific task or all of the tasks
3. The data is being updated synchronicity in the local storage

Through the project I have learned about two important asspects : DOM and LocalStorage

• How to select multiple or single elements from the DOM
• How to create new elements
• How to use event listeners
• How to work with the Local Storage (insert \ get items )

---

loanClaculator

In this project I have build a loanCalculator. It takes 3 parameters : the amount of loan , the interest and the number of years to return the loan

I learned about:

1. How to add elements + error messages and how to remove them after a set of time 2, How to use 'insertBefore' function
2. How to extract value from input elements and how to insert value into them
3. How to use setTimeout function in order to run a function aftter a specific amount of time

• all of the project was focused on the DOM object

Number-Gusser play

Applicatiom game where you have to guess the number between two given numbers. Any time you win / lose you ger the option to play again

• Practice the usage of DOM
• Using global veriables
• Usage of Math class

API projects

githubFinder:

simple search app for users and their repositories. I used GitHub's API

Weather

simple app give you a real time weather forcast. You only have to give correct coordinates.

The app validates the input and make a new fetch API request for the forcast whether based on the givven coordinates

I have learned:

1. What Is Asynchronous Programming?
2. How to use HXR object for creating http request
3. REST APIs & HTTP Requests
4. How to use callback for synchronous functions
5. Fetch API
6. How to simplify my code by using Arrow funcions
7. Async & Await
8. Fetch with Async Await

---

Mail

In this project I have design a front-end for an email client that makes API calls to send and receive emails. the app based on Django framework.

The follow feuters: get mail, send mail, and update emails , was complited by using this application’s API.

• Send Mail : User can send new email to a user (who has also sighn the app)

• Mailbox : When a user visits their Inbox, Sent mailbox, or Archive, the appropriate mailbox is being loaded. Each email is rendered in its own box that displays who the email is from, what the subject line is, and the timestamp of the email. If the email is unread, it should appear with a white background. If the email has been read, it should appear with a gray background.

• View Email: When a user clicks on an email, the user is taken to a view where they see the content of that email.Once the email has been clicked on, the email is marked as read.

• Archive and Unarchive: users can to archive and unarchive emails that they have received.

• Reply: users can reply to an email.

link to the full project demo in youtube: check out [https://youtu.be/gRsym81lkM4]