getData()
20 | {
21 | return prepo.findAll();
22 | }
23 | public Product getPidDetails(String pid)
24 | {
25 | return prepo.findById(pid).orElse(null);
26 |
27 | }
28 | public void deleteData(String pid)
29 | {
30 | Product ps=prepo.findById(pid).orElse(null);
31 | if(ps!=null)
32 | {
33 | prepo.delete(ps);
34 | }
35 | }
36 | public Product updateData(String pid,Product pst)
37 | {
38 | Product ps=prepo.findById(pid).orElse(null);
39 | if(ps!=null)
40 | {
41 | ps.setPname(pst.getPname());
42 | ps.setPqty(pst.getPqty());
43 | ps.setPrice(pst.getPrice());
44 | prepo.save(ps);
45 | }
46 | return ps;
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/BootRestAPI/src/main/resources/application.properties:
--------------------------------------------------------------------------------
1 | #Database Connection
2 | spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
3 | spring.datasource.url=jdbc:mysql://localhost:3306/hbdbst
4 | spring.datasource.username=root
5 | spring.datasource.password=arindam
6 | #JPA Details
7 | spring.jpa.show-sql=true
8 | spring.jpa.hibernate.ddl-auto=update
9 | spring.jpa.database-platform=org.hibernate.dialect.MySQLDialect
10 | spring.jpa.properties.hibernate.format-sql=true
11 | #port
12 | server.port=1005
13 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/BootRestAPI/src/test/java/com/arindam/BootRestApiApplicationTests.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | import org.junit.jupiter.api.Test;
4 | import org.springframework.boot.test.context.SpringBootTest;
5 |
6 | @SpringBootTest
7 | class BootRestApiApplicationTests {
8 |
9 | @Test
10 | void contextLoads() {
11 | }
12 |
13 | }
14 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/CSS/ExternalCSS.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 | EXTERNAL CSS
11 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat nam debitis harum amet odit porro dicta tenetur dignissimos dolorum iste! At culpa et reiciendis repudiandae dolores corrupti nesciunt! Exercitationem consectetur molestias ullam quasi cumque eum vel, totam assumenda itaque non, mollitia ipsum voluptate fuga labore nemo! Magni impedit in error!
12 | INTERNAL CSS
13 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam cupiditate architecto cum voluptate quibusdam adipisci, laudantium quidem ab aperiam possimus quos eligendi atque esse corrupti.
14 |
15 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/CSS/Inline.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 | INLINE CSS
10 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis praesentium dignissimos impedit quidem inventore cum iusto placeat, accusantium, asperiores quo alias quod corporis quam. Placeat?
11 |
12 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/CSS/InternalCss.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
19 |
20 |
21 | INTERNAL CSS
22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus cumque nulla maxime beatae, ipsum quibusdam dolorem atque, consequatur eum, inventore deleniti? Consequatur dolore sapiente voluptate.
23 | INLINE CSS
24 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur libero voluptatem recusandae placeat ipsa. Consequuntur, harum iure laboriosam architecto fugit minima atque cupiditate quibusdam illum rerum delectus unde labore perferendis!
25 |
26 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/CSS/style.css:
--------------------------------------------------------------------------------
1 | h2{
2 | color: red;
3 | font-size: 30px;
4 | text-align: center;
5 | }
6 | p{
7 | text-align: left;
8 | background-color: blue;
9 | color: red;
10 | }
11 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/Attribute.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 | HTML
12 | CSS
13 | JAVASCRIPT
14 |
15 |
16 | HTML
17 | CSS
18 | JAVASCRIPT
19 |
20 |
21 |
22 | HTML
23 | CSS
24 | JAVASCRIPT
25 |
26 |
27 | HTML
28 | CSS
29 | JAVASCRIPT
30 |
31 |
32 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/GoogleMap.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/HeadingP.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 | WELCOME
10 | WELCOME
11 | WELCOME
12 | WELCOME
13 | WELCOME
14 | WELCOME
15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores ea dolore nihil non nostrum nobis esse accusantium, corporis, adipisci facilis eaque soluta, delectus doloremque repudiandae eos veritatis alias repellendus sequi quos! Itaque tempora aspernatur explicabo dolore eligendi debitis iure vitae? Blanditiis odit iste sequi consequuntur tempore vitae. Consequuntur, placeat similique?
16 |
17 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/InterNavigation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 | HTML
10 | CSS
11 | JAVASCRIPT
12 |
13 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/List.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 | HTML
12 | CSS
13 | JAVASCRIPT
14 |
15 |
16 |
17 | HTML
18 | CSS
19 | JAVASCRIPT
20 |
21 |
22 |
23 | NAME
24 | AYAN
25 | DEPARTMENT
26 | HR
27 | LOCATION
28 | KOLKATA
29 |
30 |
31 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/Table.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 |
12 | ID
13 | NAME
14 | DEPARTMENT
15 |
16 |
17 |
18 |
19 | 1
20 | ARUP
21 | MKTG
22 |
23 |
24 | 2
25 | ALOKE
26 | FINANCE
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/HTML/Youtube.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 | VIDEO
10 |
11 |
--------------------------------------------------------------------------------
/DAY5/DAY5_PRACTICAL/JAVASCRIPT/Varibale.js:
--------------------------------------------------------------------------------
1 | var x=25;
2 | console.log("X:"+x);
3 | console.log(typeof x);
4 | var per=90.9;
5 | console.log("PERCENTAGE:"+per);
6 | console.log(typeof per);
7 | var nm="SUMAN";
8 | console.log("NAME:"+nm);
9 | console.log(typeof nm);
10 | var isMarried=false;
11 | console.log("MARRIED:"+isMarried);
12 | console.log(typeof isMarried);
13 | var city;
14 | console.log("CITY:"+city);
15 | console.log(typeof city);
16 | var state=null;
17 | console.log(state);
18 | console.log(typeof state);
19 | var arr=[100,200,300,'suman'];
20 | console.log(arr);
21 | console.log(typeof arr);
22 | var obj={
23 | id:101,
24 | nm:'ALOKE',
25 | phno:'6565656'
26 | }
27 | console.log(obj);
28 | console.log(typeof obj);
--------------------------------------------------------------------------------
/DAY5/MARGIN_PADDING.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/MARGIN_PADDING.jpg
--------------------------------------------------------------------------------
/DAY5/MARGIN_PADDING_EX.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/MARGIN_PADDING_EX.jpg
--------------------------------------------------------------------------------
/DAY5/NAV_IMPLEMENTATION.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/NAV_IMPLEMENTATION.jpg
--------------------------------------------------------------------------------
/DAY5/RESTAPI_FLOW.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/RESTAPI_FLOW.jpg
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACT.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/RESTAPI_PRACT.jpg
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/.gitattributes:
--------------------------------------------------------------------------------
1 | /mvnw text eol=lf
2 | *.cmd text eol=crlf
3 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/.gitignore:
--------------------------------------------------------------------------------
1 | HELP.md
2 | target/
3 | !.mvn/wrapper/maven-wrapper.jar
4 | !**/src/main/**/target/
5 | !**/src/test/**/target/
6 |
7 | ### STS ###
8 | .apt_generated
9 | .classpath
10 | .factorypath
11 | .project
12 | .settings
13 | .springBeans
14 | .sts4-cache
15 |
16 | ### IntelliJ IDEA ###
17 | .idea
18 | *.iws
19 | *.iml
20 | *.ipr
21 |
22 | ### NetBeans ###
23 | /nbproject/private/
24 | /nbbuild/
25 | /dist/
26 | /nbdist/
27 | /.nb-gradle/
28 | build/
29 | !**/src/main/**/build/
30 | !**/src/test/**/build/
31 |
32 | ### VS Code ###
33 | .vscode/
34 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/.mvn/wrapper/maven-wrapper.properties:
--------------------------------------------------------------------------------
1 | # Licensed to the Apache Software Foundation (ASF) under one
2 | # or more contributor license agreements. See the NOTICE file
3 | # distributed with this work for additional information
4 | # regarding copyright ownership. The ASF licenses this file
5 | # to you under the Apache License, Version 2.0 (the
6 | # "License"); you may not use this file except in compliance
7 | # with the License. You may obtain a copy of the License at
8 | #
9 | # http://www.apache.org/licenses/LICENSE-2.0
10 | #
11 | # Unless required by applicable law or agreed to in writing,
12 | # software distributed under the License is distributed on an
13 | # "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
14 | # KIND, either express or implied. See the License for the
15 | # specific language governing permissions and limitations
16 | # under the License.
17 | wrapperVersion=3.3.2
18 | distributionType=only-script
19 | distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.9/apache-maven-3.9.9-bin.zip
20 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/main/java/com/arindam/BootRestApiApplication.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | import org.springframework.boot.SpringApplication;
4 | import org.springframework.boot.autoconfigure.SpringBootApplication;
5 |
6 | @SpringBootApplication
7 | public class BootRestApiApplication {
8 |
9 | public static void main(String[] args) {
10 | SpringApplication.run(BootRestApiApplication.class, args);
11 | }
12 |
13 | }
14 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/main/java/com/arindam/model/Product.java:
--------------------------------------------------------------------------------
1 | package com.arindam.model;
2 |
3 | import jakarta.persistence.Column;
4 | import jakarta.persistence.Entity;
5 | import jakarta.persistence.Id;
6 | import jakarta.persistence.Table;
7 |
8 | @Entity
9 | @Table(name="product_dtls")
10 | public class Product {
11 | @Id
12 | @Column(length = 10)
13 | private String pid;
14 | @Column(length = 25,nullable = false)
15 | private String pname;
16 | private Integer pqty;
17 | private Double price;
18 | public Product() {
19 | super();
20 | // TODO Auto-generated constructor stub
21 | }
22 | public Product(String pid, String pname, Integer pqty, Double price) {
23 | super();
24 | this.pid = pid;
25 | this.pname = pname;
26 | this.pqty = pqty;
27 | this.price = price;
28 | }
29 | public String getPid() {
30 | return pid;
31 | }
32 | public void setPid(String pid) {
33 | this.pid = pid;
34 | }
35 | public String getPname() {
36 | return pname;
37 | }
38 | public void setPname(String pname) {
39 | this.pname = pname;
40 | }
41 | public Integer getPqty() {
42 | return pqty;
43 | }
44 | public void setPqty(Integer pqty) {
45 | this.pqty = pqty;
46 | }
47 | public Double getPrice() {
48 | return price;
49 | }
50 | public void setPrice(Double price) {
51 | this.price = price;
52 | }
53 | @Override
54 | public String toString() {
55 | return "Product [pid=" + pid + ", pname=" + pname + ", pqty=" + pqty + ", price=" + price + "]";
56 | }
57 |
58 | }
59 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/main/java/com/arindam/repository/ProductRepository.java:
--------------------------------------------------------------------------------
1 | package com.arindam.repository;
2 |
3 | import org.springframework.data.jpa.repository.JpaRepository;
4 | import org.springframework.stereotype.Repository;
5 |
6 | import com.arindam.model.Product;
7 | @Repository
8 | public interface ProductRepository extends JpaRepository {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/main/java/com/arindam/service/ProductService.java:
--------------------------------------------------------------------------------
1 | package com.arindam.service;
2 |
3 | import java.util.List;
4 |
5 | import org.springframework.beans.factory.annotation.Autowired;
6 | import org.springframework.stereotype.Service;
7 |
8 | import com.arindam.model.Product;
9 | import com.arindam.repository.ProductRepository;
10 |
11 | @Service
12 | public class ProductService {
13 | @Autowired
14 | private ProductRepository prepo;
15 | public void addData(Product p)
16 | {
17 | prepo.save(p);
18 | }
19 | public List getData()
20 | {
21 | return prepo.findAll();
22 | }
23 | public Product getPidDetails(String pid)
24 | {
25 | return prepo.findById(pid).orElse(null);
26 |
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/main/resources/application.properties:
--------------------------------------------------------------------------------
1 | #Database Connection
2 | spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
3 | spring.datasource.url=jdbc:mysql://localhost:3306/hbdbst
4 | spring.datasource.username=root
5 | spring.datasource.password=arindam
6 | #JPA Details
7 | spring.jpa.show-sql=true
8 | spring.jpa.hibernate.ddl-auto=update
9 | spring.jpa.database-platform=org.hibernate.dialect.MySQLDialect
10 | spring.jpa.properties.hibernate.format-sql=true
11 | #port
12 | server.port=1005
13 |
--------------------------------------------------------------------------------
/DAY5/RESTAPI_PRACTICAL/BootRestAPI/src/test/java/com/arindam/BootRestApiApplicationTests.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | import org.junit.jupiter.api.Test;
4 | import org.springframework.boot.test.context.SpringBootTest;
5 |
6 | @SpringBootTest
7 | class BootRestApiApplicationTests {
8 |
9 | @Test
10 | void contextLoads() {
11 | }
12 |
13 | }
14 |
--------------------------------------------------------------------------------
/DAY5/RestController.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/RestController.jpg
--------------------------------------------------------------------------------
/DAY5/TABLE.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/TABLE.jpg
--------------------------------------------------------------------------------
/DAY5/bootsrap_cdn.txt:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/DAY5/webservice.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY5/webservice.jpg
--------------------------------------------------------------------------------
/DAY6/CRA_PROJECT_STEPS.txt:
--------------------------------------------------------------------------------
1 | AFTER CREATING PROJECT IN REACT JS 19 WITH CRA TOOL
2 | =====================================================
3 | 1.Index.js FILE
4 | ===============================================
5 | COMMENT ON LINE NO 1 AND LINE NO 17
6 | 2.IN APP.JS FILE
7 | =================================================
8 | 1.DELETE TAG
9 | 2.COMMENT ON LINE NO 1
10 | =======================================================
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/FunctionalComp.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function FunctionalComp() {
4 | return (
5 |
6 |
FUNCTIONAL ELEMENT
7 |
yeeydydyeeyeyeyey
8 |
CLICKED
9 |
10 | )
11 | }
12 |
13 | export default FunctionalComp
14 |
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Array.js:
--------------------------------------------------------------------------------
1 | var arr=[100,200,300,400];
2 | console.log(arr);
3 | console.log(typeof arr);
4 | //ADD THE LAST ELEMENT IN ARRAY
5 | arr.push(500);
6 | console.log(arr);
7 | //REMOVE THE ELEMENT FROM LAST
8 | arr.pop();
9 | console.log(arr);
10 | //ADD THE ELEMEMT FIRST POSITION
11 | arr.unshift(50);
12 | console.log(arr);
13 | //REMOVE THE FIRST ELEMENT
14 | arr.shift();
15 | console.log(arr);
16 | //DELETE ELEMENT IN SPECIFIC POSITION
17 | arr.splice(2,1);
18 | console.log(arr);
19 | //ADD DATA IN A SPECIFIC POSITION
20 | arr.splice(2,0,300);
21 | console.log(arr);
22 | //RANGE OF VALUES
23 | var newarry=arr.slice(2,4);
24 | console.log(newarry);
25 | //FOR EACH METHOD
26 | arr.forEach(function(element,index){
27 | console.log(index,element);
28 | })
29 | //MAP FUNCTION
30 | var newarray2=arr.map(function(element,index){
31 | return element*10;
32 | })
33 | console.log(newarray2);
34 | //FILTER DATA
35 | var newarray3=arr.filter(function(element,index){
36 | return element>200;
37 | })
38 | console.log(newarray3);
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Es6.js:
--------------------------------------------------------------------------------
1 | //SPREAD OPERATOR
2 | //COPY DATA FROM ONE OBJECT TO ANOTHER OBJECT
3 | var obj1={
4 | id:101,
5 | nm:'ARUP',
6 | dept:'HR'
7 | }
8 | var obj2={
9 | ...obj1,
10 | dept:'FINANCE'
11 | }
12 | console.log(obj1);
13 | console.log(obj2);
14 | //REST PARAMETER
15 | function fn1(x,y,...data)
16 | {
17 | console.log(x,y,data);
18 | }
19 | fn1(10,20);
20 | fn1(10,20,30,40);
21 | //DETSRUCTING THE OBJECT
22 | var obj3={
23 | id:102,
24 | nm:'ALOKE',
25 | phno:'344334'
26 | }
27 | var{nm,phno}=obj3;
28 | console.log(nm);
29 | console.log(phno);
30 | //ARROW FUNCTION
31 | /*function fn()
32 | {
33 | console.log("CONCRETE FUNCTION");
34 | }*/
35 | const fn=()=>{
36 | console.log("CONCRETE FUNCTION");
37 | }
38 | fn();
39 | var arr=[100,200,300,400];
40 | arr.forEach(function(element,index){
41 | console.log(index,element);
42 | })
43 | arr.forEach((element,index)=>{
44 | console.log(index,element);
45 | })
46 | //VAR VS LET VS CONST
47 | /*function test()
48 | {
49 | if(true)
50 | {
51 | var x=25;
52 | console.log(x);
53 | }
54 | console.log(x);
55 | }*/
56 | /*function test()
57 | {
58 | if(true)
59 | {
60 | let x=25;
61 | console.log(x);
62 | }
63 | console.log(x);
64 | }*/
65 | function test()
66 | {
67 | if(true)
68 | {
69 | const x=25;
70 | console.log(x);
71 | x=40;
72 | }
73 |
74 | }
75 | test();
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/EventHandelling.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
18 |
19 |
20 |
21 |
DOM
22 |
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi cum ab nulla quisquam sed reiciendis?
23 |
CHANGEH2  
24 |
CHANGEP
25 |
26 |
27 |
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Function.js:
--------------------------------------------------------------------------------
1 | //NORMAL FUNCTION
2 | function fn1()
3 | {
4 | console.log("NORMAL FUNCTION");
5 | }
6 | fn1();
7 | //PARAMETERISED FUNCTION
8 | function fn2(x,y)
9 | {
10 | console.log(x,y);
11 | }
12 | fn2(10,20);
13 | //FUNCTION WITH RETURN STATEMEMT
14 | function fn3(x,y)
15 | {
16 | return(x+y);
17 | }
18 | var result=fn3(10,20);
19 | console.log("RESULT:"+result);
20 | //ANNONYMOUS FUNCTION FUNCTION WITHOUT NAME
21 | function fn4(f)
22 | {
23 | console.log(f);
24 | f();
25 | }
26 | fn4(function(){
27 | var city='KOLKATA';
28 | console.log(city);
29 | })
30 | //CALLBACK AND HIGHER ORDER FUNCTION
31 | function print()
32 | {
33 | var state='WEST BENGAL';
34 | console.log("STATE:"+state);
35 | }
36 | function fn5(f)
37 | {
38 | console.log(f);
39 | f();
40 | }
41 | fn5(print);
42 | //FUNCTION EXPRESSION
43 | var res=function(){
44 | var nm='ARUP';
45 | console.log("NAME:"+nm);
46 | }
47 | res();
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Object.js:
--------------------------------------------------------------------------------
1 | var product={
2 | pid:'P1',
3 | pname:'LAPTOP',
4 | pqty:12,
5 | price:45000.00
6 | }
7 | console.log(product);
8 | console.log(product.pname,product.price);
9 | //ADD A ELEMENT IN EXISTING OBJECT
10 | product.company='HP';
11 | console.log(product);
12 | //DELETE THE ELEMENT
13 | delete product.company;
14 | console.log(product);
15 | //NESTED OBJECT
16 | var employee={
17 | eid:101,
18 | nm:'SUMAN',
19 | desig:'MANAGER',
20 | address:{
21 | plotno:'AD10',
22 | streetnm:'SALTLAKE CITY',
23 | pincode:'700064',
24 | area:{
25 | ps:'BIDHANNAGAR',
26 | dist:'24PGS NORTH'
27 | }
28 | }
29 | }
30 | console.log(employee.nm,employee.desig,employee.address.plotno,employee.address.pincode,employee.address.area.dist);
31 |
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Ui.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 |
11 |
12 |
22 |
23 |
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/JAVASCRIPT/Varibale.js:
--------------------------------------------------------------------------------
1 | var x=25;
2 | console.log("X:"+x);
3 | console.log(typeof x);
4 | var per=90.9;
5 | console.log("PERCENTAGE:"+per);
6 | console.log(typeof per);
7 | var nm="SUMAN";
8 | console.log("NAME:"+nm);
9 | console.log(typeof nm);
10 | var isMarried=false;
11 | console.log("MARRIED:"+isMarried);
12 | console.log(typeof isMarried);
13 | var city;
14 | console.log("CITY:"+city);
15 | console.log(typeof city);
16 | var state=null;
17 | console.log(state);
18 | console.log(typeof state);
19 | var arr=[100,200,300,'suman'];
20 | console.log(arr);
21 | console.log(typeof arr);
22 | var obj={
23 | id:101,
24 | nm:'ALOKE',
25 | phno:'6565656'
26 | }
27 | console.log(obj);
28 | console.log(typeof obj);
--------------------------------------------------------------------------------
/DAY6/DAY6_PRACTICAL/state/Profile.css:
--------------------------------------------------------------------------------
1 | .mainContainer{
2 | /*background-color: red;*/
3 | display: flex;
4 | }
5 | .leftContainer{
6 | /*background-color: blue;*/
7 | width: 30%;
8 | }
9 | .rightContainer{
10 | /* background-color: gray;*/
11 | width: 70%;
12 | }
--------------------------------------------------------------------------------
/DAY6/DOM.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/DOM.jpg
--------------------------------------------------------------------------------
/DAY6/DOM_MANIPULATION.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/DOM_MANIPULATION.jpg
--------------------------------------------------------------------------------
/DAY6/FLOW_OF_REACT.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/FLOW_OF_REACT.jpg
--------------------------------------------------------------------------------
/DAY6/FLOW_OF_REST.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/FLOW_OF_REST.jpg
--------------------------------------------------------------------------------
/DAY6/PARENT_CHILD.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/PARENT_CHILD.jpg
--------------------------------------------------------------------------------
/DAY6/REACTHOOK.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/REACTHOOK.jpg
--------------------------------------------------------------------------------
/DAY6/STATE_EX1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/STATE_EX1.jpg
--------------------------------------------------------------------------------
/DAY6/flowofreact.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/flowofreact.jpg
--------------------------------------------------------------------------------
/DAY6/javascript_practical1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/javascript_practical1.jpg
--------------------------------------------------------------------------------
/DAY6/profile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/profile.jpg
--------------------------------------------------------------------------------
/DAY6/props.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/props.jpg
--------------------------------------------------------------------------------
/DAY6/reactelements.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/reactelements.jpg
--------------------------------------------------------------------------------
/DAY6/state.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/state.jpg
--------------------------------------------------------------------------------
/DAY6/state_ex.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY6/state_ex.jpg
--------------------------------------------------------------------------------
/DAY7/CONDITIONAL_RENDERING.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY7/CONDITIONAL_RENDERING.jpg
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/condrend/Login.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function Login() {
4 | return (
5 |
6 |
LOGIN FORM
7 |
8 |
9 | LOGIN
10 |
11 | )
12 | }
13 |
14 | export default Login
15 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/condrend/Main.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Login from './Login'
3 | import Register from './Register'
4 | import { useState } from 'react'
5 | function Main() {
6 | let[state,setState]=useState(true);
7 | return (
8 |
9 |
MAIN COMPONENT
10 | {
11 | state ? :
12 | }
13 |
14 | )
15 | }
16 |
17 | export default Main
18 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/condrend/Register.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function Register() {
4 | return (
5 |
6 |
REGISTRATION FORM
7 |
8 |
9 |
10 |
11 | REGISTER
12 |
13 | )
14 | }
15 |
16 | export default Register
17 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/contextapi/Child1.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Child2 from './Child2'
3 | function Child1() {
4 | return (
5 |
6 |
CHILD1 COMPONENT
7 |
8 |
9 | )
10 | }
11 |
12 | export default Child1
13 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/contextapi/Child2.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Child3 from './Child3'
3 | function Child2() {
4 | return (
5 |
6 |
CHILD2 COMPONENT
7 |
8 |
9 | )
10 | }
11 |
12 | export default Child2
13 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/contextapi/Child3.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import mycontext from './context'
3 | import { useContext } from 'react'
4 | function Child3() {
5 | var data=useContext(mycontext);
6 |
7 | return (
8 |
9 |
CHILD3 COMPONENT
10 |
{data}
11 |
12 | )
13 | }
14 |
15 | export default Child3
16 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/contextapi/Parent2.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Child1 from './Child1'
3 | import { useState } from 'react'
4 | import mycontext from './context';
5 | function Parent2() {
6 | let[state,setState]=useState("");
7 | const populateValue=(event)=>{
8 | setState(event.target.value);
9 | }
10 | return (
11 |
12 |
PARENT COMPONENT
13 |
14 |
15 |
16 |
17 |
18 | )
19 | }
20 |
21 | export default Parent2
22 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/contextapi/context.js:
--------------------------------------------------------------------------------
1 | import { createContext } from "react";
2 | var mycontext=createContext();
3 | export default mycontext;
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/props/Child.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function Child({data}) {
4 | return (
5 |
6 |
CHILD COMPONENT
7 |
{data}
8 |
9 | )
10 | }
11 |
12 | export default Child
13 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/props/Parent.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Child from './Child'
3 | import { useState } from 'react'
4 | function Parent() {
5 | let[state,setState]=useState("");
6 | const populateData=(event)=>{
7 | setState(event.target.value);
8 | }
9 | return (
10 |
11 |
PARENT COMPONENT
12 |
13 |
14 |
15 | )
16 | }
17 |
18 | export default Parent
19 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/propsdrilling/A.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function A() {
4 | return (
5 |
6 |
A COMPONENT
7 |
8 |
9 | )
10 | }
11 |
12 | export default A
13 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/propsdrilling/B.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function B() {
4 | return (
5 |
6 |
B COMPONENT
7 |
8 | )
9 | }
10 |
11 | export default B
12 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/propsdrilling/C.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function C() {
4 | return (
5 |
6 |
C COMPONENT
7 |
8 | )
9 | }
10 |
11 | export default C
12 |
--------------------------------------------------------------------------------
/DAY7/DAY7_PRACTICAL/propsdrilling/D.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function D() {
4 | return (
5 |
6 |
D COMPONENT
7 |
HELLO
8 |
9 | )
10 | }
11 |
12 | export default D
13 |
--------------------------------------------------------------------------------
/DAY7/PROPS_DRILLING.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY7/PROPS_DRILLING.jpg
--------------------------------------------------------------------------------
/DAY7/PROPS_DRILLING1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY7/PROPS_DRILLING1.jpg
--------------------------------------------------------------------------------
/DAY7/axios.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY7/axios.jpg
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/bootreact/DeleteProduct.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import axios from 'axios'
3 | import { useState } from 'react'
4 | function DeleteProduct() {
5 | let[product,setProduct]=useState({
6 | pid:"",
7 | pname:"",
8 | pqty:"",
9 | price:""
10 | })
11 | let[msg,setMsg]=useState("");
12 | const deleteData=(pid)=>{
13 | alert(pid);
14 | axios.post(`http://localhost:1005/product/del/${pid}`)
15 | .then((res)=>{
16 | console.log(res.data);
17 | setMsg(res.data);
18 | })
19 | .catch((error)=>{
20 | console.log(error);
21 | alert("SOMETHING WENT WRONG ADD DATA");
22 | })
23 | }
24 | return (
25 |
26 |
DELETING PRODUCT
27 | {
30 | setProduct({
31 | ...product,
32 | pid:event.target.value
33 |
34 | })
35 | }}/>
36 |
37 | {
39 | deleteData(product.pid)
40 | }}>ADD
41 | REFRESH
42 | {msg}
43 |
44 | )
45 | }
46 |
47 | export default DeleteProduct
48 |
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom/client';
3 | import './index.css';
4 | import App from './App';
5 | //import reportWebVitals from './reportWebVitals';
6 | import { BrowserRouter as Rt } from "react-router-dom";
7 |
8 | const root = ReactDOM.createRoot(document.getElementById('root'));
9 | root.render(
10 |
11 |
12 |
13 |
14 |
15 | );
16 |
17 | // If you want to start measuring performance in your app, pass a function
18 | // to log results (for example: reportWebVitals(console.log))
19 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
20 | //reportWebVitals();
21 |
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/router/Nav.css:
--------------------------------------------------------------------------------
1 | .navContainer{
2 | /*background-color: red;*/
3 | display:flex;
4 | }
5 | .lftContainer{
6 | background-color:black;
7 | color: white;
8 | width: 30%;
9 | }
10 | .rtContainer{
11 | background-color: black;
12 | color: white;
13 | width: 70%;
14 | display:flex;
15 | a{
16 | color:white;
17 | text-decoration: none;
18 | margin:10px auto;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/router/Nav.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./Nav.css"
3 | function Nav() {
4 | return (
5 |
6 |
7 |
8 |
MYAPP
9 |
10 |
23 |
24 | )
25 | }
26 |
27 | export default Nav
28 |
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/router/Product.css:
--------------------------------------------------------------------------------
1 | .pConatainer{
2 |
3 | display: flex;
4 | }
5 | .lContainer{
6 | background-color:black;
7 | color: white;
8 | display: flex;
9 | flex-direction: column;
10 | margin-top: 10px;
11 | margin-left: 20px;
12 | width: 30%;
13 |
14 | a{
15 | text-decoration: none;
16 | color: white;
17 | margin: 10px auto;
18 |
19 | }
20 | }
21 | .rContainer{
22 | /* background-color:black;*/
23 | /*color: white;*/
24 | width: 70%;
25 |
26 | }
--------------------------------------------------------------------------------
/DAY8/DAY8_PRACTICAL/router/Product.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./Product.css";
3 | import { Link } from 'react-router-dom';
4 | import { Outlet } from 'react-router-dom';
5 | function Product() {
6 | return (
7 |
8 |
9 |
10 | ELECTRONICS
11 | GARMENT
12 | RETAILS
13 | JEWELLERY
14 |
15 |
16 |
17 |
18 |
19 | )
20 | }
21 |
22 | export default Product
23 |
--------------------------------------------------------------------------------
/DAY8/DELETE_PRODUCT.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY8/DELETE_PRODUCT.jpg
--------------------------------------------------------------------------------
/DAY8/ROUTING_NESTEDROUTING.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY8/ROUTING_NESTEDROUTING.jpg
--------------------------------------------------------------------------------
/DAY8/product_component.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY8/product_component.jpg
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/App.js:
--------------------------------------------------------------------------------
1 | //import logo from './logo.svg';
2 | import './App.css';
3 | import Nav from './component/Nav';
4 | import { Route,Routes } from 'react-router-dom';
5 | import Food from './component/Food';
6 | import AddFood from './component/AddFood';
7 | import DelFood from './component/DelFood';
8 | import Updfood from './component/Updfood';
9 | import SearchFood from './component/SearchFood';
10 | import FoodList from './component/FoodList';
11 | import "bootstrap/dist/css/bootstrap.css";
12 | import Register from './component/Register';
13 | import Login from './component/Login';
14 | import Home from './component/Home';
15 | function App() {
16 | return (
17 |
18 |
FOOD APP
19 |
20 |
21 |
22 | }/>
23 | }>
24 | }/>
25 | }/>
26 | }/>
27 | }/>
28 | }/>
29 |
30 |
31 |
32 | );
33 | }
34 |
35 | export default App;
36 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Food.css:
--------------------------------------------------------------------------------
1 | .pConatainer{
2 |
3 | display: flex;
4 | }
5 | .lContainer{
6 | background-color:black;
7 | color: white;
8 | display: flex;
9 | flex-direction: column;
10 | margin-top: 10px;
11 | margin-left: 20px;
12 | width: 30%;
13 |
14 | a{
15 | text-decoration: none;
16 | color: white;
17 | margin: 10px auto;
18 |
19 | }
20 | }
21 | .rContainer{
22 | /* background-color:black;*/
23 | /*color: white;*/
24 | width: 70%;
25 |
26 | }
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Food.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./Food.css";
3 | import { Link } from 'react-router-dom';
4 | import { Outlet } from 'react-router-dom';
5 | function Food() {
6 | return (
7 |
8 |
9 |
10 | ADDFOOD
11 | DELETEFOOD
12 | UPDATEFOOD
13 | SEARCHFOOD
14 | FOODLIST
15 |
16 |
17 |
18 |
19 |
20 | )
21 | }
22 |
23 | export default Food
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Login.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function Login() {
4 | return (
5 |
6 |
LOGIN FORM
7 |
8 |
9 | LOGIN
10 | REFRESH
11 |
12 | )
13 | }
14 |
15 | export default Login
16 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Nav.css:
--------------------------------------------------------------------------------
1 | .navContainer{
2 | /*background-color: red;*/
3 | display:flex;
4 | }
5 | .lftContainer{
6 | background-color:black;
7 | color: white;
8 | width: 30%;
9 | }
10 | .rtContainer{
11 | background-color: black;
12 | color: white;
13 | width: 70%;
14 | display:flex;
15 | a{
16 | color:white;
17 | text-decoration: none;
18 | margin:10px auto;
19 | }
20 | }
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Nav.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./Nav.css"
3 | function Nav() {
4 | return (
5 |
6 |
7 |
8 |
MYAPP
9 |
10 |
17 |
18 | )
19 | }
20 |
21 | export default Nav
22 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/component/Register.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | function Register() {
4 | return (
5 |
6 |
REGISTRATION FORM
7 |
8 |
9 |
10 |
11 |
12 | REGISTER
13 | REFRESH
14 |
15 | )
16 | }
17 |
18 | export default Register
19 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/REACTJS_PRACTICAL/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom/client';
3 | import './index.css';
4 | import App from './App';
5 | //import reportWebVitals from './reportWebVitals';
6 | import { BrowserRouter as Rt } from "react-router-dom";
7 |
8 | const root = ReactDOM.createRoot(document.getElementById('root'));
9 | root.render(
10 |
11 |
12 |
13 |
14 |
15 | );
16 |
17 | // If you want to start measuring performance in your app, pass a function
18 | // to log results (for example: reportWebVitals(console.log))
19 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
20 | //reportWebVitals();
21 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/SPRINGBOOT_PRACTICAL/application.properties:
--------------------------------------------------------------------------------
1 | #Database Connection
2 | spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
3 | spring.datasource.url=jdbc:mysql://localhost:3306/fapp
4 | spring.datasource.username=root
5 | spring.datasource.password=arindam
6 | #JPA Details
7 | spring.jpa.show-sql=true
8 | spring.jpa.hibernate.ddl-auto=update
9 | spring.jpa.database-platform=org.hibernate.dialect.MySQLDialect
10 | spring.jpa.properties.hibernate.format-sql=true
11 | #port
12 | server.port=1005
13 | spring.application.name=FoodApp
14 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/SPRINGBOOT_PRACTICAL/model/Food.java:
--------------------------------------------------------------------------------
1 | package com.arindam.model;
2 |
3 | import jakarta.persistence.Column;
4 | import jakarta.persistence.Entity;
5 | import jakarta.persistence.Id;
6 |
7 | @Entity
8 | public class Food {
9 | @Id
10 | @Column(length = 10)
11 | private String fid;
12 | @Column(length = 25,nullable = false)
13 | private String fname;
14 | private Double price;
15 | public Food() {
16 | super();
17 | // TODO Auto-generated constructor stub
18 | }
19 | public Food(String fid, String fname, Double price) {
20 | super();
21 | this.fid = fid;
22 | this.fname = fname;
23 | this.price = price;
24 | }
25 | public String getFid() {
26 | return fid;
27 | }
28 | public void setFid(String fid) {
29 | this.fid = fid;
30 | }
31 | public String getFname() {
32 | return fname;
33 | }
34 | public void setFname(String fname) {
35 | this.fname = fname;
36 | }
37 | public Double getPrice() {
38 | return price;
39 | }
40 | public void setPrice(Double price) {
41 | this.price = price;
42 | }
43 | @Override
44 | public String toString() {
45 | return "Food [fid=" + fid + ", fname=" + fname + ", price=" + price + "]";
46 | }
47 |
48 | }
49 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/SPRINGBOOT_PRACTICAL/repository/FoodRepository.java:
--------------------------------------------------------------------------------
1 | package com.arindam.repository;
2 |
3 | import org.springframework.data.jpa.repository.JpaRepository;
4 | import org.springframework.stereotype.Repository;
5 |
6 | import com.arindam.model.Food;
7 | @Repository
8 | public interface FoodRepository extends JpaRepository {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/DAY9/DAY9_PRACTICAL/SPRINGBOOT_PRACTICAL/service/FoodService.java:
--------------------------------------------------------------------------------
1 | package com.arindam.service;
2 |
3 | import java.util.List;
4 |
5 | import org.springframework.beans.factory.annotation.Autowired;
6 | import org.springframework.stereotype.Service;
7 |
8 | import com.arindam.model.Food;
9 | import com.arindam.repository.FoodRepository;
10 |
11 | @Service
12 | public class FoodService {
13 | @Autowired
14 | private FoodRepository frepo;
15 | public void addData(Food f)
16 | {
17 | frepo.save(f);
18 | }
19 | public List getData()
20 | {
21 | return frepo.findAll();
22 | }
23 | public Food fidDetails(String fid)
24 | {
25 | return frepo.findById(fid).orElse(null);
26 | }
27 | public void deleteData(String fid)
28 | {
29 | Food f=frepo.findById(fid).orElse(null);
30 | if(f!=null)
31 | {
32 | frepo.delete(f);
33 | }
34 | }
35 | public Food updateData(String fid,Food fs)
36 | {
37 | String msg="FOOD DATA UPDATED SUCCESSFULLY";
38 | Food f=frepo.findById(fid).orElse(null);
39 | if(f!=null)
40 | {
41 | f.setFname(fs.getFname());
42 | f.setPrice(fs.getPrice());
43 | frepo.save(f);
44 | }
45 | return f;
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/DAY9/Login_Register.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY9/Login_Register.jpg
--------------------------------------------------------------------------------
/DAY9/PROJECT_INSTALLATION.txt:
--------------------------------------------------------------------------------
1 | FROND END
2 | =================================
3 | npx create-react-app foodapp
4 | =================================
5 | npm install bootstrap
6 | npm install react-router-dom
7 | npm install axios
8 | ==================================
9 | IN index.js File
10 | ===================================
11 | ROUTING
12 | ========================================================
13 | STEP1
14 | ==========================================================
15 | npm install react-router-dom
16 | STEP2
17 | ======================================================
18 | OPEN index.js file under src folder
19 | import { BrowserRouter as Rt } from "react-router-dom";
20 | WITHN render() method
21 | ======================================
22 |
23 |
24 |
25 |
26 |
27 | ========================================================
28 | IN App.js
29 | ========================================================
30 | import { Routes,Route } from 'react-router-dom';
31 | =======================================================
--------------------------------------------------------------------------------
/DAY9/PROJECT_STRUCTURE.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DAY9/PROJECT_STRUCTURE.jpg
--------------------------------------------------------------------------------
/DBMS.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/DBMS.jpg
--------------------------------------------------------------------------------
/FILTER.txt:
--------------------------------------------------------------------------------
1 |
2 | FILTER DATA
3 | ========================================================
4 | const filterData=(event)=>{
5 | if(event.target.value==="male")
6 | {
7 | setUser(data.filter((user)=>user.gender==="male"))
8 | }
9 | else if(event.target.value==="female")
10 | {
11 | setUser(data.filter((user)=>user.gender==="female"))
12 | }
13 | else{
14 | setUser(data);
15 | }
16 | }
--------------------------------------------------------------------------------
/GITHUB_LINK.txt:
--------------------------------------------------------------------------------
1 | https://github.com/arindamslt/AECFEBFULLSTACKJAVABATCH1.git
--------------------------------------------------------------------------------
/HIBERNATEMAINCLASS.txt:
--------------------------------------------------------------------------------
1 | package com.arindam.app;
2 |
3 | import javax.persistence.EntityManager;
4 | import javax.persistence.EntityManagerFactory;
5 | import javax.persistence.EntityTransaction;
6 | import javax.persistence.Persistence;
7 |
8 | import com.arindam.entity.Customer;
9 | HIBERNATE MAIN CLASS
10 | ====================================================
11 | public class CleintApp {
12 |
13 | public static void main(String[] args) {
14 | // TODO Auto-generated method stub
15 | EntityTransaction tx=null;
16 | //LOADING DRIVER ESTABLISH THE CONNECTION CREATE STATEMENT PREPARESTATEMENT
17 | EntityManagerFactory emf=Persistence.createEntityManagerFactory("AppDB");
18 | EntityManager em=emf.createEntityManager();//INSERT UPDATE DELETE OPERATIONS
19 | tx=em.getTransaction();//transaction created
20 | tx.begin();//transaction begins
21 | Customer cs1=new Customer("C1","ALOKE","22222");
22 | em.persist(cs1);
23 | tx.commit();
24 |
25 | }
26 |
27 | }
28 |
--------------------------------------------------------------------------------
/IMPORTANT CSS.txt:
--------------------------------------------------------------------------------
1 | IMPORTANT CSS
2 | ==============================================
3 | box-shadow:0 0 10px black;
4 | margin:15px auto;
5 | text-align:center;
6 | padding:5x,15x
7 | border:3px solid black;
8 | width:100vw;
9 | height:100vm;
10 | display:flex;
11 | flex-direction:column;
12 | justify-content:space-evenly;
13 | align-items:center;
14 | border-radious:5px;
15 | font-weight:bold;
16 | color:white;
17 | font-size:30px;
18 | text-decoration:none;
19 |
20 |
--------------------------------------------------------------------------------
/Link.txt:
--------------------------------------------------------------------------------
1 | ELECTRONICS
2 | RETAILS
3 | GARMENT
4 | JEWELLERY
5 |
--------------------------------------------------------------------------------
/Log4j2Demo/.project:
--------------------------------------------------------------------------------
1 |
2 |
3 | Log4j2Demo
4 |
5 |
6 |
7 |
8 |
9 | org.eclipse.jdt.core.javabuilder
10 |
11 |
12 |
13 |
14 | org.eclipse.m2e.core.maven2Builder
15 |
16 |
17 |
18 |
19 |
20 | org.eclipse.jdt.core.javanature
21 | org.eclipse.m2e.core.maven2Nature
22 |
23 |
24 |
--------------------------------------------------------------------------------
/Log4j2Demo/.settings/org.eclipse.core.resources.prefs:
--------------------------------------------------------------------------------
1 | eclipse.preferences.version=1
2 | encoding//src/main/java=UTF-8
3 | encoding//src/test/java=UTF-8
4 | encoding/=UTF-8
5 |
--------------------------------------------------------------------------------
/Log4j2Demo/.settings/org.eclipse.jdt.core.prefs:
--------------------------------------------------------------------------------
1 | eclipse.preferences.version=1
2 | org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
3 | org.eclipse.jdt.core.compiler.compliance=1.8
4 | org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
5 | org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
6 | org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=ignore
7 | org.eclipse.jdt.core.compiler.release=disabled
8 | org.eclipse.jdt.core.compiler.source=1.8
9 |
--------------------------------------------------------------------------------
/Log4j2Demo/.settings/org.eclipse.m2e.core.prefs:
--------------------------------------------------------------------------------
1 | activeProfiles=
2 | eclipse.preferences.version=1
3 | resolveWorkspaceProjects=true
4 | version=1
5 |
--------------------------------------------------------------------------------
/Log4j2Demo/logs/myapp.log:
--------------------------------------------------------------------------------
1 | 2024-02-19 10:05:01,326 -com.arindam.Test [processData]- (DEBUG) -FROM DEBUG METHOD -
2 | 2024-02-19 10:05:01,335 -com.arindam.Test [processData]- (INFO) -FROM INFO METHOD -
3 | 2024-02-19 10:05:01,336 -com.arindam.Test [processData]- (ERROR) -FROM ERROR METHOD -
4 | 2024-02-19 10:05:01,337 -com.arindam.Test [processData]- (WARN) -FROM WARNING METHOD -
5 | 2024-02-19 10:05:01,337 -com.arindam.Test [processData]- (FATAL) -FROM FATAL METHOD -
6 |
--------------------------------------------------------------------------------
/Log4j2Demo/pom.xml:
--------------------------------------------------------------------------------
1 |
3 | 4.0.0
4 |
5 | com.arindam
6 | Log4jDemo
7 | 0.0.1-SNAPSHOT
8 | jar
9 |
10 | Log4jDemo
11 | http://maven.apache.org
12 |
13 |
14 | UTF-8
15 |
16 |
17 |
18 |
19 | junit
20 | junit
21 | 3.8.1
22 | test
23 |
24 |
25 | org.apache.logging.log4j
26 | log4j-api
27 | 2.11.1
28 |
29 |
30 | org.apache.logging.log4j
31 | log4j-core
32 | 2.11.1
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/Log4j2Demo/src/main/java/com/arindam/App.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | /**
4 | * Hello world!
5 | *
6 | */
7 | public class App
8 | {
9 | public static void main( String[] args )
10 | {
11 | System.out.println( "Hello World!" );
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/Log4j2Demo/src/main/java/com/arindam/Test.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | import org.apache.logging.log4j.LogManager;
4 | import org.apache.logging.log4j.Logger;
5 |
6 | public class Test {
7 | private static final Logger log=LogManager.getLogger(Test.class);
8 | public static void processData()
9 | {
10 | log.trace("FROM TRACE METHOD");
11 | log.debug("FROM DEBUG METHOD");
12 | log.info("FROM INFO METHOD");
13 | log.error("FROM ERROR METHOD");
14 | log.warn("FROM WARNING METHOD");
15 | log.fatal("FROM FATAL METHOD");
16 | }
17 | public static void main(String[] args) {
18 | processData();
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/Log4j2Demo/src/main/resources/Log4j2.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | %d -%c [%M]- (%p) -%m -%n
7 |
8 |
9 |
10 |
11 | %d -%c [%M]- (%p) -%m -%n
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/Log4j2Demo/src/test/java/com/arindam/AppTest.java:
--------------------------------------------------------------------------------
1 | package com.arindam;
2 |
3 | import junit.framework.Test;
4 | import junit.framework.TestCase;
5 | import junit.framework.TestSuite;
6 |
7 | /**
8 | * Unit test for simple App.
9 | */
10 | public class AppTest
11 | extends TestCase
12 | {
13 | /**
14 | * Create the test case
15 | *
16 | * @param testName name of the test case
17 | */
18 | public AppTest( String testName )
19 | {
20 | super( testName );
21 | }
22 |
23 | /**
24 | * @return the suite of tests being tested
25 | */
26 | public static Test suite()
27 | {
28 | return new TestSuite( AppTest.class );
29 | }
30 |
31 | /**
32 | * Rigourous Test :-)
33 | */
34 | public void testApp()
35 | {
36 | assertTrue( true );
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/Log4j2.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | %d -%c [%M]- (%p) -%m -%n
7 |
8 |
9 |
10 |
11 | %d -%c [%M]- (%p) -%m -%n
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/META-INF/MANIFEST.MF:
--------------------------------------------------------------------------------
1 | Manifest-Version: 1.0
2 | Build-Jdk-Spec: 17
3 | Created-By: Maven Integration for Eclipse
4 |
5 |
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/META-INF/maven/com.arindam/Log4jDemo/pom.properties:
--------------------------------------------------------------------------------
1 | #Generated by Maven Integration for Eclipse
2 | #Mon Feb 19 09:35:52 IST 2024
3 | m2e.projectLocation=C\:\\SpringPractical\\Log4j2Demo
4 | m2e.projectName=Log4j2Demo
5 | groupId=com.arindam
6 | artifactId=Log4jDemo
7 | version=0.0.1-SNAPSHOT
8 |
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/META-INF/maven/com.arindam/Log4jDemo/pom.xml:
--------------------------------------------------------------------------------
1 |
3 | 4.0.0
4 |
5 | com.arindam
6 | Log4jDemo
7 | 0.0.1-SNAPSHOT
8 | jar
9 |
10 | Log4jDemo
11 | http://maven.apache.org
12 |
13 |
14 | UTF-8
15 |
16 |
17 |
18 |
19 | junit
20 | junit
21 | 3.8.1
22 | test
23 |
24 |
25 | org.apache.logging.log4j
26 | log4j-api
27 | 2.11.1
28 |
29 |
30 | org.apache.logging.log4j
31 | log4j-core
32 | 2.11.1
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/com/arindam/App.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/Log4j2Demo/target/classes/com/arindam/App.class
--------------------------------------------------------------------------------
/Log4j2Demo/target/classes/com/arindam/Test.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/Log4j2Demo/target/classes/com/arindam/Test.class
--------------------------------------------------------------------------------
/Log4j2Demo/target/test-classes/com/arindam/AppTest.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/arindamslt/AECFEBFULLSTACKJAVABATCH1/728033f39ed06f58fe922283b2cca6edd9ca42c9/Log4j2Demo/target/test-classes/com/arindam/AppTest.class
--------------------------------------------------------------------------------
/MAVEN COMMANDS.txt:
--------------------------------------------------------------------------------
1 | MAVEN DOWNLOAD
2 | ============================================================================
3 | https://maven.apache.org/download.cgi
4 | ==============================================================================
5 | MAVEN COMMANDS
6 | ==========================================================================
7 | mvn -v
8 | C:\Users\arins>mvn archetype:generate -DgroupId=com.arindam -DartifactId=my-maven-app -DarchetypeArtifactId=maven-archetype-quickstart -DinteractiveMode=false
9 |
10 | C:\Users\arins\my-maven-app>mvn clean package
--------------------------------------------------------------------------------
/META-INF/persistence.xml:
--------------------------------------------------------------------------------
1 |
2 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/POSTGRESQL INSTALLATION.txt:
--------------------------------------------------------------------------------
1 | POSTGRESQL INSTALLATION
2 | ================================================================================
3 | https://www.youtube.com/results?search_query=postgresql+installation+windows+11
4 | =================================================================================
5 | DRIVER
6 | ================================================================================
7 | org.postgresql.Driver
8 |
9 | URL
10 | =========
11 | "jdbc:postgresql://localhost:5432/test", "postgres", "password"
12 | PostgreSQL Dependency
13 | ===================================
14 |
15 | org.postgresql
16 | postgresql
17 | 42.7.2
18 |
19 | HIBERNATE DIALECT
20 | ================================================
21 | org.hibernate.dialect.PostgreSQLDialect
--------------------------------------------------------------------------------
/REACT CRA TOOLS ERROR.txt:
--------------------------------------------------------------------------------
1 | REACT CRA TOOLS ERROR
2 | =============================================================
3 | npm uninstall -g create-react-app
4 | npx create-react-app appdemo
5 | if still issue
6 | npm install -g update -node npm update npm -g
--------------------------------------------------------------------------------
/REACT.txt:
--------------------------------------------------------------------------------
1 | REACT ELEMENT
2 | ==========================
3 |
4 |
5 | =====================================================================================
6 | FOR JSX
7 | ===============================================================================
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/TABLEPOPULATION.txt:
--------------------------------------------------------------------------------
1 | TABLE POPULATION
2 | ===============================================
3 |
4 |
5 |
6 | ID
7 | IMAGE
8 | NAME
9 | GENDER
10 | EMAIL
11 | CITY
12 |
13 |
14 |
15 | {
16 | user.map((element,index)=>{
17 | return(
18 |
19 | {index+1}
20 |
21 | {element.name.first}
22 | {element.gender}
23 | {element.email}
24 | {element.location.city}
25 |
26 | );
27 | })
28 | }
29 |
30 |
31 |
--------------------------------------------------------------------------------
/axios.txt:
--------------------------------------------------------------------------------
1 | npm install axios
2 | import axios from "axios";
3 | url= "https://randomuser.me/api/?results=20"
4 |
5 |
--------------------------------------------------------------------------------
/bootstrap_doc.txt:
--------------------------------------------------------------------------------
1 | https://getbootstrap.com/docs/4.0/content/tables/
--------------------------------------------------------------------------------
/bootstrapinstallation.txt:
--------------------------------------------------------------------------------
1 | INSTALLATION OF BOOTSTRAP
2 | =====================================================
3 | npm install bootstrap
4 | IN APP.js ADD
5 | ======================================
6 | import "bootstrap/dist/css/bootstrap.css";
--------------------------------------------------------------------------------
/crapowershellerror.txt:
--------------------------------------------------------------------------------
1 | Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned
--------------------------------------------------------------------------------
/crossorigin.txt:
--------------------------------------------------------------------------------
1 | @CrossOrigin(origins="http://localhost:3000/")
2 |
--------------------------------------------------------------------------------
/log4j2.properties:
--------------------------------------------------------------------------------
1 | #Name of the Properties file
2 | name=LoggerConfigFile
3 |
4 | rootLogger.level=INFO
5 | rootLogger.appenderRef.file.ref=LoggerAppender
6 | rootLogger.appenderRef.file.ref=ConsoleAppender
7 |
8 | #Declaring logger for business logic
9 | logger.file.name=com.arindam
10 | logger.file.level=INFO
11 | logger.file.appenderRef.file.ref=LoggerAppender
12 | logger.file.additivity=false
13 | # File Appender
14 | appender.file.name=LoggerAppender
15 | appender.file.type=File
16 | appender.file.fileName=logs/error.log
17 | #Logging Pattern
18 | appender.file.layout.type=PatternLayout
19 | appender.file.layout.pattern=%d -%c [%M]- (%p) -%m -%n
20 |
21 |
22 | # Console Appender
23 | appender.console.name=ConsoleAppender
24 | appender.console.type=Console
25 | #Logging Pattern for console
26 | appender.console.layout.type=PatternLayout
27 | appender.console.layout.pattern=%d -%c [%M]- (%p) -%m -%n
28 |
29 |
--------------------------------------------------------------------------------
/nestedrouting.txt:
--------------------------------------------------------------------------------
1 | IN NAV.js
2 | ====================================
3 | ORDER
4 | ==================================
5 | IN Order.js
6 | ============================================
7 | import { Link,Outlet } from "react-router-dom";
8 |
9 | function Order()
10 | {
11 | return(
12 |
13 |
14 |
15 |
16 | ORDER REPORT
17 | ADD ORDER DATA
18 | DELETE ORDER
19 | UPDATE ORDER DATA
20 | SEARCH ORDER
21 |
22 |
23 |
24 |
25 |
26 |
27 | );
28 | }
29 |
30 |
31 | IN APP.js
32 | =================================================================
33 |
34 |
35 |
36 | }/>
37 | }>
38 | }>
39 | }>
40 | }/>
41 | }/>
42 | }/>
43 | }/>
44 | }/>
45 |
46 |
47 |
--------------------------------------------------------------------------------
/routing_steps.txt:
--------------------------------------------------------------------------------
1 | ROUTING
2 | ========================================================
3 | STEP1
4 | ==========================================================
5 | npm install react-router-dom
6 | STEP2
7 | ======================================================
8 | OPEN index.js file under src folder
9 | import { BrowserRouter as Rt } from "react-router-dom";
10 | WITHN render() method
11 | ======================================
12 |
13 |
14 |
15 |
16 |
17 | ========================================================
18 | IN App.js
19 | ========================================================
20 | import { Routes,Route } from 'react-router-dom';
21 | =======================================================
22 |
23 | }/>
24 | }/>
25 | }/>
26 | }/>
27 | }>
28 | }/>
29 | }/>
30 | }/>
31 | }/>
32 |
33 |
34 | ==========================================================
35 |
36 |
--------------------------------------------------------------------------------
/useeffects.txt:
--------------------------------------------------------------------------------
1 | let[users,setUsers]=useState([]);
2 | useEffect(()=>{
3 | axios.get("https://randomuser.me/api/?results=20")
4 | .then((res)=>{
5 | console.log(res.data.results);
6 | setUsers(res.data.results);
7 | })
8 | .catch((error)=>{
9 | console.log(error);
10 | alert("SOME THING WRONG ON GETTING USER INFORMATION")
11 | })
12 | },[])
--------------------------------------------------------------------------------
/yml.txt:
--------------------------------------------------------------------------------
1 | my:
2 | db:
3 | driver: Oracle
4 | url: JDBC-ORCL
5 | uname: scott
6 | pass: tiger
--------------------------------------------------------------------------------