diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..36a590d6e Binary files /dev/null and b/.DS_Store differ diff --git a/.vs/Assignment_LookAndFeel/FileContentIndex/087bf825-ed66-4962-b16f-f1b8cd6af2d8.vsidx b/.vs/Assignment_LookAndFeel/FileContentIndex/087bf825-ed66-4962-b16f-f1b8cd6af2d8.vsidx new file mode 100644 index 000000000..5fcdd040a Binary files /dev/null and b/.vs/Assignment_LookAndFeel/FileContentIndex/087bf825-ed66-4962-b16f-f1b8cd6af2d8.vsidx differ diff --git a/.vs/Assignment_LookAndFeel/FileContentIndex/108da795-5518-449b-bccf-4db9b231d27d.vsidx b/.vs/Assignment_LookAndFeel/FileContentIndex/108da795-5518-449b-bccf-4db9b231d27d.vsidx new file mode 100644 index 000000000..0d3a24306 Binary files /dev/null and b/.vs/Assignment_LookAndFeel/FileContentIndex/108da795-5518-449b-bccf-4db9b231d27d.vsidx differ diff --git a/.vs/Assignment_LookAndFeel/FileContentIndex/69394604-9697-46c9-857e-c0d1f75d2e09.vsidx b/.vs/Assignment_LookAndFeel/FileContentIndex/69394604-9697-46c9-857e-c0d1f75d2e09.vsidx new file mode 100644 index 000000000..053215f1d Binary files /dev/null and b/.vs/Assignment_LookAndFeel/FileContentIndex/69394604-9697-46c9-857e-c0d1f75d2e09.vsidx differ diff --git a/.vs/Assignment_LookAndFeel/FileContentIndex/98a6f41d-15b8-4314-bfd3-740e1f0b9af3.vsidx b/.vs/Assignment_LookAndFeel/FileContentIndex/98a6f41d-15b8-4314-bfd3-740e1f0b9af3.vsidx new file mode 100644 index 000000000..068073900 Binary files /dev/null and b/.vs/Assignment_LookAndFeel/FileContentIndex/98a6f41d-15b8-4314-bfd3-740e1f0b9af3.vsidx differ diff --git a/.vs/Assignment_LookAndFeel/config/applicationhost.config b/.vs/Assignment_LookAndFeel/config/applicationhost.config new file mode 100644 index 000000000..cdd2df8fe --- /dev/null +++ b/.vs/Assignment_LookAndFeel/config/applicationhost.config @@ -0,0 +1,1026 @@ + + + + + + + +
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.vs/Assignment_LookAndFeel/v17/.wsuo b/.vs/Assignment_LookAndFeel/v17/.wsuo new file mode 100644 index 000000000..38644f886 Binary files /dev/null and b/.vs/Assignment_LookAndFeel/v17/.wsuo differ diff --git a/.vs/Assignment_LookAndFeel3/FileContentIndex/7c8968dc-0539-4e7b-93c9-cb0225cbef66.vsidx b/.vs/Assignment_LookAndFeel3/FileContentIndex/7c8968dc-0539-4e7b-93c9-cb0225cbef66.vsidx new file mode 100644 index 000000000..225cd7399 Binary files /dev/null and b/.vs/Assignment_LookAndFeel3/FileContentIndex/7c8968dc-0539-4e7b-93c9-cb0225cbef66.vsidx differ diff --git a/.vs/Assignment_LookAndFeel3/FileContentIndex/db9a6656-4ded-47ca-90ca-dcaf8a8eba18.vsidx b/.vs/Assignment_LookAndFeel3/FileContentIndex/db9a6656-4ded-47ca-90ca-dcaf8a8eba18.vsidx new file mode 100644 index 000000000..fa8576e5c Binary files /dev/null and b/.vs/Assignment_LookAndFeel3/FileContentIndex/db9a6656-4ded-47ca-90ca-dcaf8a8eba18.vsidx differ diff --git a/.vs/Assignment_LookAndFeel3/FileContentIndex/fc59da10-a8fe-415f-84d3-bb684e1b4014.vsidx b/.vs/Assignment_LookAndFeel3/FileContentIndex/fc59da10-a8fe-415f-84d3-bb684e1b4014.vsidx new file mode 100644 index 000000000..7387f2c57 Binary files /dev/null and b/.vs/Assignment_LookAndFeel3/FileContentIndex/fc59da10-a8fe-415f-84d3-bb684e1b4014.vsidx differ diff --git a/.vs/Assignment_LookAndFeel3/config/applicationhost.config b/.vs/Assignment_LookAndFeel3/config/applicationhost.config new file mode 100644 index 000000000..cdd2df8fe --- /dev/null +++ b/.vs/Assignment_LookAndFeel3/config/applicationhost.config @@ -0,0 +1,1026 @@ + + + + + + + +
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.vs/Assignment_LookAndFeel3/v17/.wsuo b/.vs/Assignment_LookAndFeel3/v17/.wsuo new file mode 100644 index 000000000..e5b6a8d87 Binary files /dev/null and b/.vs/Assignment_LookAndFeel3/v17/.wsuo differ diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json new file mode 100644 index 000000000..849fb0a0e --- /dev/null +++ b/.vs/VSWorkspaceState.json @@ -0,0 +1,7 @@ +{ + "ExpandedNodes": [ + "" + ], + "SelectedNode": "\\C:\\Users\\DCW\\Source\\Repos\\Assignment_LookAndFeel3", + "PreviewInSolutionExplorer": false +} \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite new file mode 100644 index 000000000..64286a6b9 Binary files /dev/null and b/.vs/slnx.sqlite differ diff --git a/AboutUs.css b/AboutUs.css new file mode 100644 index 000000000..e99fe8b29 --- /dev/null +++ b/AboutUs.css @@ -0,0 +1,4 @@ +.about-us{ + min-height: 90vh; + padding-top: 30px; +} \ No newline at end of file diff --git a/AboutUs.js b/AboutUs.js new file mode 100644 index 000000000..67bc40ddc --- /dev/null +++ b/AboutUs.js @@ -0,0 +1,156 @@ +import React from "react"; +import { Card, Col, Container, Row } from "react-bootstrap"; +import './AboutUs.css' +import yaswanth from "../../assets/yaswanth.jpeg"; +import pawan from "../../assets/pawan.jpeg"; +import don from "../../assets/Don.jpg"; +import joy from "../../assets/Joy.jpg"; +import { baseUrl } from "../../services/api"; +import diagram from "../../assets/datamodel.png"; +const AboutUs = () => { + return ( +
+ + + + + + + Donald Wigington + + Hi, I'm Donald. I've crafted both the Home Page component along with its corresponding model and controllers.Used the react dom and implemented the navigation bar. To make the + the page more interactive and attractive used to caurosal from the bootstrap library. + + + + + + + + + + Pawan Jethwani + + Hi, I'm a Graduate student in Business Analytics and information systems at the USF, I have over 11 years of experience as a QA Consultant. I contributed in designing + About Us component, including its associated model and controllers. The code is designed to be reusable and easily comprehensible. I have included the api end points that we + have used in the applications and also the git pushes associated with each of us individual. + + + + + + + + + + Joy B + + Hi, I am a Data Solutions specialist with a Master's degree in Management Information Systems from the University of South Florida Muma College of Business. I have over three years of experience as a Mulesoft developer at Accenture, where I constructed and managed Application Programming Interfaces. + I have designed the component AllStates, which has the informations about states and their respective details in a tabular format. + Users also have an option to navigate to the respective states page in which they get to see the analysis in a chart format. + + + + + + + + + + Yaswanth Chandolu + + Hi, I'm a graduate student with major in Business Analytics and Information systems with 4 years of experience as a business Analyst. I worked on various domains in Information systems. I worked on frontend technologies , + Database Management and project management. I implemented the States component which can be accessed by cliking the view details of any of the respective state. + In this component I have implemented the analysis using the Linechart component from the reactcharts library. + + + + + + + +
+

API Endpoints

+ +
+ +
+

Technical Overview

+

+ The application follows the Model-View-Controller(MVC) architectural pattern to ensure a well-organized structure. Each component within the application possesses both controllers and models, enhancing the separation of concerns and promoting modularity. + +In terms of navigation, React DOM is employed to facilitate seamless movement between different sections of the application. This choice enhances the overall user experience by providing a smooth and intuitive navigation system. + +To enhance the website's visual appeal and adaptability across various devices, the flex property is utilized. This ensures a responsive design, allowing the content to dynamically adjust and maintain an aesthetically pleasing layout on different screen sizes. + +For the crucial aspect of data analysis, the application leverages the Reactcharts dependency. This library provides a robust set of tools for visualizing data. Specifically, static results are presented using the Line Charts component, offering a clear and graphical representation of the analyzed data. This not only contributes to a more engaging user interface but also +facilitates a better understanding of the presented information through visual representation. +

+
+
+

Data Model

+ diagram +
+ + {/* GIT */} +
+

Git Log Output

+

+ This is technical overview. This is technical overview. This is + technical overview. This is technical overview. This is technical + overview. This is technical overview. This is technical overview. + This is technical overview. +

+ {/* replace git image */} + diagram +
+ + +
+ ); +}; + +export default AboutUs; diff --git a/AllStates.css b/AllStates.css new file mode 100644 index 000000000..0d7ad5096 --- /dev/null +++ b/AllStates.css @@ -0,0 +1,25 @@ +.view-details-btn { + background-color: #0776ad; + color: white; + border: 1px solid #0776ad; + padding: 5px 15px; + border-radius: 5px; + font-weight: 500; +} +.view-details-btn:hover { + background-color: white; + color: #0776ad; +} + +.delete-btn { + background-color: red; + color: white; + border: 1px solid red; + padding: 5px 15px; + border-radius: 5px; + font-weight: 500; +} +.delete-btn:hover { + background-color: white; + color: red; +} diff --git a/AllStates.js b/AllStates.js new file mode 100644 index 000000000..14d8537eb --- /dev/null +++ b/AllStates.js @@ -0,0 +1,134 @@ +import React from "react"; +import { Container, Table } from "react-bootstrap"; +import "./AllStates.css"; +import { useNavigate } from "react-router-dom"; +const AllStates = () => { + const navigate = useNavigate(); + return ( +
+ +
+
+

All The States

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#CountryState NameState CodeView Details
1USAAlaskaAK + +
2USAAlabamaAL + +
3USAArkansasAR + +
4USAArizonaAZ + +
5USACaliforniaCA + +
6USAColoradoCO + +
7USAConnecticutCT + +
+ +
+ ); +}; + +export default AllStates; diff --git a/App.css b/App.css new file mode 100644 index 000000000..b119c1aa8 --- /dev/null +++ b/App.css @@ -0,0 +1,34 @@ +.App { + text-align: center; +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} +@media (max-width: 576px) { + h1 { + font-size: 16px; + } +} \ No newline at end of file diff --git a/App.js b/App.js new file mode 100644 index 000000000..39b4af638 --- /dev/null +++ b/App.js @@ -0,0 +1,28 @@ +import React from "react"; +import "./App.css"; +import "bootstrap/dist/css/bootstrap.min.css"; +import Header from "./components/Shared/Header/Header"; +import { Route, Routes } from "react-router-dom"; +import Home from "./components/Home/Home"; +import AllStates from "./components/AllStates/AllStates"; +import State from "./components/State/State"; +import Footer from "./components/Shared/Footer/Footer"; +import AboutUs from "./components/AboutUs/AboutUs"; + +function App() { + return ( +
+
+ + }> + }> + }> + }> + + +
+
+ ); +} + +export default App; diff --git a/App.test.js b/App.test.js new file mode 100644 index 000000000..1f03afeec --- /dev/null +++ b/App.test.js @@ -0,0 +1,8 @@ +import { render, screen } from '@testing-library/react'; +import App from './App'; + +test('renders learn react link', () => { + render(); + const linkElement = screen.getByText(/learn react/i); + expect(linkElement).toBeInTheDocument(); +}); diff --git a/Assignemnt3_html_webpages.zip b/Assignemnt3_html_webpages.zip new file mode 100644 index 000000000..42d65e695 Binary files /dev/null and b/Assignemnt3_html_webpages.zip differ diff --git a/Banner.js b/Banner.js new file mode 100644 index 000000000..88c2193fa --- /dev/null +++ b/Banner.js @@ -0,0 +1,52 @@ +import React from "react"; +import { Carousel } from "react-bootstrap"; +import './Home.css' +import slide1 from '../../assets/slide1.jfif' +import slide2 from '../../assets/slide2.jfif' +import slide3 from '../../assets/slide3.jfif' + +const Banner = () => { + return ( +
+ + + First slide + {/* +

First slide label

+

Nulla vitae elit libero, a pharetra augue mollis interdum.

+ */} + + + First slide + {/* +

Second slide label

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ */} + + + First slide + {/* +

Third slide label

+

+ Praesent commodo cursus magna, vel scelerisque nisl consectetur. +

+ */} + + +
+ ); +}; + +export default Banner; diff --git a/CreateModal.js b/CreateModal.js new file mode 100644 index 000000000..45226f033 --- /dev/null +++ b/CreateModal.js @@ -0,0 +1,87 @@ +import React, { useState } from "react"; +import { Button, Form, Modal } from "react-bootstrap"; + +const CreateModal = ({ show, handleClose }) => { + const [formData, setFormData] = useState({ + stateCode: "AL", + date: "", + positive: "", + recovered: "", + death: "", + }); + const handleChange = (e) => { + setFormData({ ...formData, [e.target.name]: e.target.value }); + }; + return ( + + + Update Data + + +
+ + State + + + + Date + + + + Positive + + + + Recovered + + + + Death + + +
+ +
+ + +
+ + ); +}; + +export default CreateModal; diff --git a/DeleteModal.js b/DeleteModal.js new file mode 100644 index 000000000..4d0196fe5 --- /dev/null +++ b/DeleteModal.js @@ -0,0 +1,23 @@ +import React from "react"; +import { Button, Modal } from "react-bootstrap"; + +const DeleteModal = ({ handleClose, show, deleteFunc }) => { + return ( + + + Confirmation! + + Do you really want to delete? +
+ + +
+ + ); +}; + +export default DeleteModal; diff --git a/Footer.css b/Footer.css new file mode 100644 index 000000000..cd3574a9e --- /dev/null +++ b/Footer.css @@ -0,0 +1,21 @@ +.footer-style { + background-color: #0776ad; + color: white; + height: 100px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.footer-style > div { + display: flex; + justify-content: center; + align-items: center; +} +.icons{ + height: 25px; + width: 25px; + margin-left: 10px; + margin-right: 10px; + cursor: pointer; +} \ No newline at end of file diff --git a/Footer.js b/Footer.js new file mode 100644 index 000000000..8440ee240 --- /dev/null +++ b/Footer.js @@ -0,0 +1,19 @@ +import React from "react"; +import "./Footer.css"; +import { FaFacebook,FaInstagram,FaYoutube } from "react-icons/fa"; +import { AiFillInstagram } from "react-icons/ai"; + +const Footer = () => { + return ( +
+

© All rights reserved by Covid News, 2023

+
+ + + +
+
+ ); +}; + +export default Footer; diff --git a/Header.css b/Header.css new file mode 100644 index 000000000..d0bf33aa2 --- /dev/null +++ b/Header.css @@ -0,0 +1,23 @@ +.header-style{ + background-color: #0776ad; + color: white; +} +.header-style a{ + color: white; + font-weight: 500; + font-size: 20px; + letter-spacing: 1px; +} +.header-style a:hover{ + color: cornsilk; + font-weight: 500; + font-size: 20px; +} +.header-style a:active{ + color: cornsilk; + font-weight: 500; + font-size: 20px; +} +.navbar-toggler, .navbar-toggler-icon{ + color: white !important; +} \ No newline at end of file diff --git a/Header.js b/Header.js new file mode 100644 index 000000000..e37b2ea35 --- /dev/null +++ b/Header.js @@ -0,0 +1,46 @@ +import React from "react"; +import { Container, Nav, Navbar } from "react-bootstrap"; +import "./Header.css"; +import { FaVirusCovid } from "react-icons/fa6"; +import { Link } from "react-router-dom"; + +const Header = () => { + return ( +
+ + + + + COVID NEWS + + + + + + + +
+ ); +}; + +export default Header; diff --git a/Home.css b/Home.css new file mode 100644 index 000000000..f5b362129 --- /dev/null +++ b/Home.css @@ -0,0 +1,50 @@ +.slide-images { + height: 650px; +} +.overview-image { + height: 400px; +} +.overview-desc h3 { + text-align: left; +} +.overview-desc p { + text-align: left; + font-size: 14px; +} +.overview-desc ul li { + text-align: left; +} +.overview-Section { + margin-top: 100px; + margin-bottom: 100px; +} +.overview-Section h2 { + margin-bottom: 40px; + text-align: left; +} +.chart-container{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +@media (max-width: 576px) { + .slide-images { + height: 250px; + } + .overview-image { + width: 100%; + height: 200px; + margin-bottom: 20px; + } + .overview-Section{ + margin-top: 30px; + } + .overview-Section h2 { + margin-bottom: 15px; + text-align: left; + } + .chart-container{ + overflow-x: scroll; + } +} diff --git a/Home.js b/Home.js new file mode 100644 index 000000000..eaf7ff8a9 --- /dev/null +++ b/Home.js @@ -0,0 +1,61 @@ +import React from "react"; +import Banner from "./Banner"; +import { Col, Container, Row } from "react-bootstrap"; + +const Home = () => { + return ( +
+ + +
+

Overview

+ + + doctor + + +
+

Let's Save The World

+ +

+ COVID-19 is a highly contagious respiratory disease caused by + the SARS-CoV-2 virus. It can spread through respiratory + droplets produced when an infected person coughs, sneezes, or + talks. The virus can also spread by touching a contaminated + surface and then touching your eyes, nose, or mouth. While + there is no cure for COVID-19, there are a number of things + you can do to prevent yourself from getting sick. These + include: +

+
    +
  • + Getting vaccinated: The COVID-19 vaccine is safe and + effective at preventing serious illness, hospitalization, + and death. +
    • +
  • + Wearing a mask: When you are indoors in public + places, wear a well-fitting mask to help reduce the spread + of respiratory droplets. +
    • +
  • + Practicing good hygiene: Wash your hands often with + soap and water for at least 20 seconds, especially after + being in a public place or after blowing your nose, + coughing, or sneezing. +
    • +
+
+ + +
+ +
+ ); +}; + +export default Home; diff --git a/State.css b/State.css new file mode 100644 index 000000000..e69de29bb diff --git a/State.js b/State.js new file mode 100644 index 000000000..e81737a46 --- /dev/null +++ b/State.js @@ -0,0 +1,259 @@ +import React, { useEffect, useState } from "react"; +import { Container, Table } from "react-bootstrap"; +import StateChart from "./StateChart"; +import DeleteModal from "../Shared/DeleteModal/DeleteModal"; +import CreateModal from "./CreateModal"; +import UpdateModal from "./UpdateModal"; +import { useParams } from "react-router-dom"; + +const State = () => { + const { code, stateName } = useParams(); + const [state,setState] = useState() + const [deleteModal, setDeleteModal] = useState(false); + const [createModal, setCreateModal] = useState(false); + const [updateModal, setUpdateModal] = useState(false); + const [selected, setSelected] = useState({}); + useEffect(()=>{ + if (code == "AK"){ + setState("Alaska") + } + if (code == "AR"){ + setState("Arkansas") + } + if (code == "AZ"){ + setState("Arizona") + } + if (code == "CA"){ + setState("California") + } + if (code == "CO"){ + setState("Colorado") + } + if (code == "CT"){ + setState("Connecticut") + } + if (code == "AL"){ + setState("Alabama") + } + + },[code]) + + const handleDelete = () => {}; + return ( +
+ +
+
+

+ Covid News of Albama on January, 2021 +

+
+
+
+

Chart View For January, 2021

+ +
+
+
+

Tabular View For January, 2021

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#State NameDatePositiveRecoveredDeathUpdateDelete
1{state}01/10/20232000140510 + + + +
2{state}01/20/20232000140510 + + + +
3{state}01/30/20232000140510 + + + +
4{state}01/25/20232000140510 + + + +
5{state }02/09/20232000140510 + + + +
+
+ + {/* delete */} + setDeleteModal(false)} + deleteFunc={handleDelete} + /> + + {/* CreateModal */} + setCreateModal(false)} + /> + + {/* update */} + setUpdateModal(false)} + /> +
+ ); +}; + +export default State; \ No newline at end of file diff --git a/StateChart.js b/StateChart.js new file mode 100644 index 000000000..ea24e3ef7 --- /dev/null +++ b/StateChart.js @@ -0,0 +1,51 @@ +import React from "react"; +import { Tooltip } from "react-bootstrap"; +import { + CartesianGrid, + Legend, + Line, + Label, + LineChart, + ResponsiveContainer, + XAxis, + YAxis, +} from "recharts"; +import { data } from "./data"; + +const StateChart = () => { + return ( +
+ {/* */} + + + {/* */} + + + + + + + + + {/* */} +
+ ); +}; + +export default StateChart; diff --git a/UpdateModal.js b/UpdateModal.js new file mode 100644 index 000000000..366fb5f48 --- /dev/null +++ b/UpdateModal.js @@ -0,0 +1,88 @@ +import React, { useState } from "react"; +import { Button, Form, Modal } from "react-bootstrap"; + +const UpdateModal = ({ show, handleClose }) => { + const [formData, setFormData] = useState({ + stateCode: "AL", + date: "", + positive: "", + recovered: "", + death: "", + }); + const handleChange = (e) => { + setFormData({ ...formData, [e.target.name]: e.target.value }); + }; + return ( + + + Update Data + + +
+ + State + + + + Date + + + + Positive + + + + Recovered + + + + Death + + +
+ +
+ + +
+ + ); +}; + +export default UpdateModal; diff --git a/api.js b/api.js new file mode 100644 index 000000000..093c2d1a9 --- /dev/null +++ b/api.js @@ -0,0 +1,2 @@ +// export const baseUrl = 'http://localhost:5000/api/v1' +export const baseUrl = 'https://covid-news-mu.vercel.app/api/v1' \ No newline at end of file diff --git a/data.js b/data.js new file mode 100644 index 000000000..ca040f23f --- /dev/null +++ b/data.js @@ -0,0 +1,32 @@ +export const data = [ + { + name: "01/10/2023", + uv: 4000, + pv: 2400, + amt: 2400, + }, + { + name: "01/20/2023", + uv: 3000, + pv: 1398, + amt: 2210, + }, + { + name: "01/30/2023", + uv: 2000, + pv: 9800, + amt: 2290, + }, + { + name: "01/25/2023", + uv: 2780, + pv: 3908, + amt: 2000, + }, + { + name: "02/09/2023", + uv: 1890, + pv: 4800, + amt: 2181, + }, +]; diff --git a/html/.DS_Store b/html/.DS_Store new file mode 100644 index 000000000..5008ddfcf Binary files /dev/null and b/html/.DS_Store differ diff --git a/html/Aboutus.html b/html/Aboutus.html new file mode 100644 index 000000000..fcc2aa69f --- /dev/null +++ b/html/Aboutus.html @@ -0,0 +1,218 @@ + + + + + + + + + + +
+

About Us

+
+
+ +
+ +

We are Group 4 of the Fall 2023 ISM 6225 Distributed Information System Course at the University of South Florida. We are pursuing our MS in Business Analytics & Information Systems from the Muma College of Business. This assignment is intended to help us practice html, css and optionally, JavaScript to get good design results. Please find our project contributions and contact details below

+
+ + + + + + + + + + + + + + + + + + + +
Team MemberContribution
+ Yaswanth +
+ Yaswanth Chandolu +
+ yaswanth2@usf.edu + 		Worked on additional html changes
+ Pawan +
+ Pawan Jethwani +
+ pawanjethwani@usf.edu + 		Worked on the html page updates and added images
+ Joy +
+ Joy Boddu +
+ boddu20@usf.edu + 		Created the inital Exercise html page
+ Don +
+ Don Wigington +
+ dwigington@usf.edu + 		Worked on the initial htmls and gathered required data
+
+
+

The source of our data is Data.gov, a federal government website where you can find data, tools, and resources to conduct research, develop web and mobile applications, design data visualizations, and more. We pulled our data from the Department of Agriculture, their SuperTracker food database. Below is the logical data model of our data.

+
+
+

Birds-eye View

+ Logical Data Model +
+
+

Closer look

+ Logical Data Model Zoomed +
+
+ + + diff --git a/html/Don.jpg b/html/Don.jpg new file mode 100644 index 000000000..f3e346c0e Binary files /dev/null and b/html/Don.jpg differ diff --git a/html/Joy.jpg b/html/Joy.jpg new file mode 100644 index 000000000..ab940af82 Binary files /dev/null and b/html/Joy.jpg differ diff --git a/html/Yaswanth.jpg b/html/Yaswanth.jpg new file mode 100644 index 000000000..72b95ecf8 Binary files /dev/null and b/html/Yaswanth.jpg differ diff --git a/html/calculator.html b/html/calculator.html new file mode 100644 index 000000000..c3cf33e0e --- /dev/null +++ b/html/calculator.html @@ -0,0 +1,130 @@ + + + + + + + + + +
+

Calculator

+
+
+
+ +
+
+ +
+

+ User will click on a food product, a quantity (number of servings?) and click the button to do the calculations for how long it will take to burn off the calories based on the exercises.

+
+ + + diff --git a/html/exercise.html b/html/exercise.html new file mode 100644 index 000000000..1a0d8f62c --- /dev/null +++ b/html/exercise.html @@ -0,0 +1,145 @@ + + + + + + + + + +
+ +

Exercise Data

+ + +
+
+ +
+ + +

Exercise is a transformative force that goes beyond the physical, offering a myriad of benefits that contribute to overall well-being. One of its fundamental advantages lies in its ability to burn calories, playing a pivotal role in weight management and promoting a healthier lifestyle.

+

Engaging in regular physical activity stimulates the body to burn calories, fostering weight loss or maintenance. Whether through heart-pumping cardio workouts or muscle-building strength training, exercise contributes to an increased metabolic rate. This, in turn, aids in achieving and sustaining a healthy weight by creating a favorable balance between calories consumed and calories expended.

+
+ + + + + + diff --git a/html/exercise_db_gif.GIF b/html/exercise_db_gif.GIF new file mode 100644 index 000000000..4fb78cdac Binary files /dev/null and b/html/exercise_db_gif.GIF differ diff --git a/html/food.html b/html/food.html new file mode 100644 index 000000000..55f6737f2 --- /dev/null +++ b/html/food.html @@ -0,0 +1,145 @@ + + + + + + + + + +
+ +

Food Data

+

Dept of Agriculture

+
(as of 10 November, 2020)
+ +
+
+ +
+ + +

The Food Data Dataset is a comprehensive collection of nutritional information for a diverse range of food items. This dataset includes entries for various food categories, such as fruits, vegetables, grains, dairy, meats, and processed foods. Each entry provides details on the caloric content of a specific serving size, allowing users to make informed decisions about their dietary choices.

+
+ + + + + + diff --git a/html/food_db_gif.GIF b/html/food_db_gif.GIF new file mode 100644 index 000000000..3f55e00fc Binary files /dev/null and b/html/food_db_gif.GIF differ diff --git a/html/index.html b/html/index.html new file mode 100644 index 000000000..76ac237a9 --- /dev/null +++ b/html/index.html @@ -0,0 +1,134 @@ + + + + + + + + + +
+

Food & Exercise

+
+
+
+ +
+
+ +
+

+ Fitness is a holistic concept encompassing physical, mental, and social well-being. A crucial aspect of achieving and maintaining fitness involves maintaining a balanced caloric intake and expenditure. Calories, the units of energy derived from food, play a pivotal role in fueling the body's functions and supporting physical activity. +

The balance between calories consumed through food and beverages and calories expended through basal metabolic rate (BMR) and physical activity is fundamental. Consuming more calories than the body needs leads to weight gain, while a caloric deficit results in weight loss. To optimize fitness, it's essential to strike a balance tailored to individual goals, whether they involve weight loss, maintenance, or muscle gain. +

+ Physical activity, a cornerstone of fitness, not only contributes to cardiovascular health, muscle strength, and flexibility but also serves as a potent tool for burning calories. Different exercises expend varying amounts of energy, and factors such as intensity and duration influence calorie expenditure. Aerobic exercises like running, cycling, and swimming can be particularly effective in burning calories, while strength training contributes to muscle development, elevating the resting metabolic rate. +

+
+ + + diff --git a/html/pawan.jpg b/html/pawan.jpg new file mode 100644 index 000000000..d51ebf2bd Binary files /dev/null and b/html/pawan.jpg differ diff --git a/sample.html b/html/sample.html similarity index 100% rename from sample.html rename to html/sample.html diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 000000000..5008ddfcf Binary files /dev/null and b/img/.DS_Store differ diff --git a/img/Don.jpg b/img/Don.jpg new file mode 100644 index 000000000..f3e346c0e Binary files /dev/null and b/img/Don.jpg differ diff --git a/img/Joy.jpg b/img/Joy.jpg new file mode 100644 index 000000000..ab940af82 Binary files /dev/null and b/img/Joy.jpg differ diff --git a/img/Yaswanth.jpg b/img/Yaswanth.jpg new file mode 100644 index 000000000..72b95ecf8 Binary files /dev/null and b/img/Yaswanth.jpg differ diff --git a/img/pawan.jpg b/img/pawan.jpg new file mode 100644 index 000000000..d51ebf2bd Binary files /dev/null and b/img/pawan.jpg differ diff --git a/index.css b/index.css new file mode 100644 index 000000000..ec2585e8c --- /dev/null +++ b/index.css @@ -0,0 +1,13 @@ +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; +} diff --git a/index.html b/index.html deleted file mode 100644 index fbae197cd..000000000 --- a/index.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 000000000..ae652927e --- /dev/null +++ b/index.js @@ -0,0 +1,19 @@ +import React from "react"; +import ReactDOM from "react-dom/client"; +import "./index.css"; +import App from "./App"; +import reportWebVitals from "./reportWebVitals"; +import { BrowserRouter } from "react-router-dom"; +const root = ReactDOM.createRoot(document.getElementById("root")); +root.render( + + + + + +); + +// If you want to start measuring performance in your app, pass a function +// to log results (for example: reportWebVitals(console.log)) +// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals +reportWebVitals(); diff --git a/supertrackerfooddatabase.xlsx b/supertrackerfooddatabase.xlsx new file mode 100644 index 000000000..fa883f636 Binary files /dev/null and b/supertrackerfooddatabase.xlsx differ