1const slidePage = document.querySelector(".slide-page");
2const nextBtnFirst = document.querySelector(".firstNext");
3
4const bullet = document.querySelectorAll(".step .bullet");
5
6const progressText = document.querySelectorAll(".step p");
7const progressCheck = document.querySelectorAll(".step .check");
8let current = 1;
9
10nextBtnFirst.addEventListener("click", function(event){
11  event.preventDefault();
12   var t=1;
13   $.ajax({
14    type: "POST",
15    url: "newpage.php",
16     data: "id="+t,
17    success: function(response){
18        //if request if made successfully then the response represent the data
19       // $( "#msform" ).empty().append( response );
20        $( "#testclass" ).append( response );
21    }
22  });
23	slidePage.style.marginLeft = "-25%";
24  console.log(bullet);
25  bullet[current - 1].classList.add("active");
26  progressCheck[current - 1].classList.add("active");
27  progressText[current - 1].classList.add("active");
28  current += 1;
29});
30
31

1const auth = getAuth(firebaseApp);
2const db = getFirestore(firebaseApp);
3db.collection('STATE').getDocs();
4const todoscol = collection(db,'todos');
5const snapshot = await getDocs(todoscol);

1import React from 'react';
2import { BrowserRouter, Route, Switch } from 'react-router-dom';
3import FirstStep from '../components/FirstStep';
4import Header from '../components/Header';
5
6const AppRouter = () => (
7  <BrowserRouter>
8    <div className="container">
9      <Header />
10      <Switch>
11        <Route component={FirstStep} path="/" exact={true} />
12      </Switch>
13    </div>
14  </BrowserRouter>
15);
16
17export default AppRouter;

1document.addEventListener('DOMContentLoaded', function() {
2  var calendarEl = document.getElementById('calendar');
3
4  var calendar = new FullCalendar.Calendar(calendarEl, {
5    headerToolbar: {
6      left: 'prev,next today',
7      center: 'title',
8      right: 'dayGridMonth,listYear'
9    },
10
11    displayEventTime: false, // don't show the time column in list view
12
13    // THIS KEY WON'T WORK IN PRODUCTION!!!
14    // To make your own Google API key, follow the directions here:
15    // http://fullcalendar.io/docs/google_calendar/
16    googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
17
18    // US Holidays
19    events: 'en.usa#holiday@group.v.calendar.google.com',
20
21    eventClick: function(arg) {
22
23      // opens events in a popup window
24      window.open(arg.event.url, '_blank', 'width=700,height=600');
25
26      // prevents current tab from navigating
27      arg.jsEvent.preventDefault();
28    }
29
30  });
31
32  calendar.render();
33});

11. Add tsconfig.json file to project
22. Integrate with a build tool
33. Change all .js files to .ts files
44. Check for any errors