https://github.com/marah-aljabaly/assignment-gsg

https://github.com/marah-aljabaly/assignment-gsg

Last synced: about 18 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/marah-aljabaly/assignment-gsg
• Owner: marah-aljabaly
• Created: 2024-11-15T17:14:36.000Z (5 days ago)
• Default Branch: main
• Last Pushed: 2024-11-15T17:30:03.000Z (5 days ago)
• Last Synced: 2024-11-15T18:24:43.370Z (5 days ago)
• Language: TypeScript
• Size: 15.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Assignment to securing my place in the React & NextJS Training - Gaza Sky Geeks

HTML & CSS Fundamentals




    
 Task 1: Write an HTML page with the following:





    
 A heading with the text "Product List".

    
 An unordered list (
) with at least 3 list items representing products (e.g., "Apple", "Banana", "Orange").



    
 Style the page with CSS to:

    


        
 Center the heading on the page.

        
 Make the list items bold and green.

        
 Add a 1px border to the list and set the list’s background color to light gray.

    



JavaScript Fundamentals




    
 Task 2: You are given an array of numbers. Write a function that calculates the total sum and the average of the numbers using the reduce method.

    
 Task 3: You are given an array of strings, some of which may be duplicates. Write a function that removes all duplicates from the array in constant time complexity and returns the array with unique values.



TypeScript Basics




    
 Task 4: Create a TypeScript interface for a Product with the following properties:

    


        
 name: string

        
 price: number

    

    
 Write a function that:

    


        
 Accepts an array of Product objects.

        
 Returns the total price of all products.

    





    
• Task 5: Write a TypeScript function that accepts a string and checks if it is a valid email address. You can assume the email should have a basic structure like [email protected]. Use regular expressions to implement this.