@@ -1,394 +0,0 @@

This repository ✉ contains the Front End Web Development 🚀Projects;

Currently, they are related to learnings from the 🛰 Devsnest Front End Course. Projects are kept "Day-Wise", depending on the Take-Home-Assignments given after each session. As a result, the level of projects would also be ascendant- Beginner to Advanced Level.⌛

You can pick up ✍ an idea for the projects ⚡ to practice here and begin

⤵️List of projects🎓

1. Weather App(with Redux) (THA-28 & 29).📃

   ---

   

2. Todo List(with Redux) (THA-27).📃

   ---

   

3. LoginPage(StateManagement and Routes) (THA-23 & 24).📃

   ---

   

4. Meme Generator(Meme Api) (THA-22).👽

   ---

   

5. BookMarked Books(Added input form) (THA-21).📚

   ---

   

6. BookMarked Books(Added Delete button) (THA-20).📘

   ---

   

7. ButtonValue Update useState Hook (THA-19).🔳

   ---

   

8. ChessBoard(With Props & Inline Style) (THA-18).♟️

   ---

   

9. BookMarked Books (THA-17).📗

   ---

   

10. ChessBoard (THA-16).♟️

    ---

    

11. React.CreateComponent & React cdn (THA-15).⚛️

    ---

    

12. EventSheet (THA-14).💭

    ---

    

13. REMIND-QuoteApp (THA-13).💭

    ---

    

14. GetOnWork-TodoApp (THA-12).📜

    ---

    

15. Quizza-QuizGame (THA-11).✅

    ---

    

16. Chatai-MemoryCardGame (THA-10).🃏

    ---

    

17. Movie Seat Booking Page (THA-9).🎥

    ---

    

18. 100 Days Css Day-46 (THA-8). 🥇

    ---

    ## THA-7 Object Assignment

19. Object Assignment (THA-7)📄

    Question-1

    Write a JavaScript program to list the properties of a JavaScript object. Sample object: var student = { name : "David Rayy", sclass : "VI", rollno : 12 }; Sample Output: name,sclass,rollno

    var student = {
      name: 'Prashant Gupta',
      sclass: 'VI',
      rollno: 11,
    };
    var ans = Object.keys(student);
    console.log(ans.join(','));
    
    console.log(student);
    
    delete student.rollno;
    
    console.log(student);

    Question-2

    Write a JavaScript program to delete the rollno property from the following object. Also print the object before or after deleting the property. Sample object: var student = { name : "David Rayy", sclass : "VI", rollno : 12 };

    var student = { name: 'Prashant Gupta', sclass: 'VI', rollno: 12 };
    
    console.log(student);
    delete student.rollno;
    console.log(student);

    Question-3

    Write a JavaScript program to get the length of a JavaScript object. Sample object : var student = { name : "David Rayy", sclass : "VI", rollno : 12 };

    var student = {
      name: 'Prashant Gupta',
      sclass: 'VI',
      rollno: 11,
    };
    var size = Object.keys(student).length;
    console.log(size);

    Question-4

    Write a JavaScript program to display the reading status (i.e. display book name, author name and reading status) of the following books. var library = [ {

      author: 'Bill Gates',
      title: 'The Road Ahead',
      readingStatus: true
    

    }, { author: 'Steve Jobs', title: 'Walter Isaacson', readingStatus: true }, { author: 'Suzanne Collins', title: 'Mockingjay: The Final Book of The Hunger Games', readingStatus: false }];

    var library = [
      {
        author: 'Bill Gates',
        title: 'The Road Ahead',
        readingStatus: true,
      },
      {
        author: 'Steve Jobs',
        title: 'Walter Isaacson',
        readingStatus: true,
      },
      {
        author: 'Suzanne Collins',
        title: 'Mockingjay: The Final Book of The Hunger Games',
        readingStatus: false,
      },
    ];
    
    for (items in library) {
      console.log(library[items].author);
    }
    for (items in library) {
      console.log(library[items].title);
    }
    for (items in library) {
      console.log(library[items].readingStatus);
    }

    Question-5

    Write a JavaScript program to get the volume of a Cylinder with four decimal places using object classes. Volume of a cylinder : V = πr2h where r is the radius and h is the height of the cylinder.z

    const volume = {
      pi: Math.PI,
      radius: 10,
      height: 10,
      ans: function () {
        return (volume.pi * volume.radius ** 2 * volume.height).toFixed(4);
      },
    };
    
    console.log(volume.myVal());

    Question-6

    Write a JavaScript program to sort an array of JavaScript objects. Sample Object : var library = [ {

      title:  'The Road Ahead',
      author: 'Bill Gates',
      libraryID: 1254
    

    }, { title: 'Walter Isaacson', author: 'Steve Jobs', libraryID: 4264 }, { title: 'Mockingjay: The Final Book of The Hunger Games', author: 'Suzanne Collins', libraryID: 3245 }]; Expected Output: [[object Object] { author: "Walter Isaacson", libraryID: 4264, title: "Steve Jobs" }, [object Object] { author: "Suzanne Collins", libraryID: 3245, title: "Mockingjay: The Final Book of The Hunger Games" }, [object Object] { author: "The Road Ahead", libraryID: 1254, title: "Bill Gates" }]

    var library = [
      { title: 'The Road Ahead', author: 'Bill Gates', libraryID: 1254 },
      { title: 'Walter Isaacson', author: 'Steve Jobs', libraryID: 4264 },
      {
        title: 'Mockingjay: The Final Book of The Hunger Games',
        author: 'Suzanne Collins',
        libraryID: 3245,
      },
    ];
    
    library.sort((a, b) => (a.libraryID > b.libraryID ? -1 : 1));
    for (let item in library) {
      console.log(
        library[item].title +
          ' ' +
          library[item].author +
          ' ' +
          library[item].libraryID
      );
    }

20. Array Assignment (THA-6)📄

    ---

    Question-1

    Write a JavaScript function to check whether an input is an array or not Test Data : console.log(is_array('w3resource')); console.log(is_array([1, 2, 4, 0])); false True

    function is_array(param) {
      const boolean = Array.isArray(param);
      return boolean;
    }
    console.log(is_array('w3resource'));
    console.log(is_array([1, 2, 3, 4]))``;

    Question-2

    Write a JavaScript function to clone an array Test Data : console.log(array_Clone([1, 2, 4, 0])); console.log(array_Clone([1, 2, [4, 0]])); [1, 2, 4, 0] [1, 2, [4, 0]]

    function array_Clone(array) {
      return [...array];
    }
    console.log(array_Clone([1, 2, 4, 0]));
    console.log(array_Clone([1, 2, [4, 0]]));

    Question-3

    Write a JavaScript function to get the first element of an array. Passing a parameter 'n' will return the first 'n' elements of the array. Test Data : console.log(first([7, 9, 0, -2])); console.log(first([],3)); console.log(first([7, 9, 0, -2],3)); console.log(first([7, 9, 0, -2],6)); console.log(first([7, 9, 0, -2],-3)); Expected Output : 7 [] [7, 9, 0] > [7, 9, 0, -2] []

    function first(array, n) {
      if (n < 0) {
        return [];
      }
      if (n && n >= 0) {
        return array.slice(0, n);
      }
      return array[0];
    }
    console.log(first([7, 9, 0, -2]));
    console.log(first([], 3));
    console.log(first([7, 9, 0, -2], 3));
    console.log(first([7, 9, 0, -2], 6));
    console.log(first([7, 9, 0, -2], -3));

    Question-4

    Write a simple JavaScript program to join all elements of the following array into a string. Sample array : myColor = ["Red", "Green", "White", "Black"]; Expected Output : "Red,Green,White,Black" "Red,Green,White,Black" "Red+Green+White+Black"

    function join_Elements(array) {
      return array.join('+');
    }
    const Colors = ['Red', 'Green', 'White', 'Black'];
    console.log(join_Elements(myColors));

    Question-5

    Write a JavaScript program to find the most frequent item of an array Sample array : var arr1=[3, 'a', 'a', 'a', 2, 3, 'a', 3, 'a', 2, 4, 9, 3]; Sample Output : a ( 5 times )

    function MostFrequent(array) {
      const length = array.length;
      const myobject = {};
      let maxValue = 0;
      let maxIndex;
      for (let i = 0; i < length; i++) {
        if (myobject[array[i]]) {
          myobject[array[i]] = myobject[array[i]] + 1;
          if (maxValue < myobject[array[i]]) {
            maxValue = myobject[array[i]];
            maxIndex = i;
          }
        } else {
          myobject[array[i]] = 1;
        }
      }
      console.log(myobject);
      console.log(maxValue, array[maxIndex]);
    }
    var arr1 = [3, 'a', 'a', 'a', 2, 3, 'a', 3, 'a', 2, 4, 9, 3];
    console.log(MostFrequent(arr1));

21. DoTheMaths:-CalculatorApp (THA-5).🕜

    ---

    

22. Clock:-Using Animations (THA-4).🕜

    ---

    

23. Resume-Html and Css (THA-3).📃

    ---

    

24. Basic Html and Css Letter (THA-2).💌

    ---

    

25. Basic Html Letter (THA-1).💌

    ---