└── my-app
├── .env
├── public
├── robots.txt
├── favicon.ico
├── logo192.png
├── logo512.png
├── manifest.json
└── index.html
├── src
├── components
│ ├── Assets
│ │ ├── food-icon.png
│ │ ├── ios-icon.png
│ │ ├── android-icon.png
│ │ ├── diary-icon.png
│ │ ├── fasting-icon.png
│ │ ├── reports-icon.png
│ │ ├── scale-icon.png
│ │ ├── community-icon.png
│ │ ├── devices-p-1600.png
│ │ ├── nutrition-icon.png
│ │ ├── security-icon.png
│ │ ├── crono-logo-white.png
│ │ ├── crono-pro-graphic.png
│ │ ├── cronometer-logo.png
│ │ ├── media-mention-1.png
│ │ ├── media-mention-2.png
│ │ ├── media-mention-3.png
│ │ ├── pro-icon-main-nav.png
│ │ ├── crono-icon-main-nav.png
│ │ ├── micronutrients-icon.png
│ │ ├── social_twitter-icon.png
│ │ ├── social_youtube-icon.png
│ │ ├── social_facebook-icon.png
│ │ ├── social_instagram-icon.png
│ │ ├── cronometer-hero-graphic.png
│ │ ├── cronometer-pro-logo-green.png
│ │ ├── cronometer-staff-2-p-1600.jpeg
│ │ └── cronometer-pro-logo-green.svg
│ ├── Pages
│ │ ├── Home.jsx
│ │ └── HomePageData.jsx
│ ├── Routes
│ │ ├── PrivateRoutes.jsx
│ │ └── AllRoutes.jsx
│ ├── Login.jsx
│ ├── Navbar.jsx
│ ├── Footer.jsx
│ └── Signin.jsx
├── App.js
├── setupTests.js
├── App.test.js
├── index.css
├── reportWebVitals.js
├── App.css
├── index.js
└── logo.svg
├── .gitignore
├── package.json
└── README.md
/my-app/.env:
--------------------------------------------------------------------------------
1 | SKIP_PREFLIGHT_CHECK=true
--------------------------------------------------------------------------------
/my-app/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/my-app/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/public/favicon.ico
--------------------------------------------------------------------------------
/my-app/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/public/logo192.png
--------------------------------------------------------------------------------
/my-app/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/public/logo512.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/food-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/food-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/ios-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/ios-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/android-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/android-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/diary-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/diary-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/fasting-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/fasting-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/reports-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/reports-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/scale-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/scale-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/community-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/community-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/devices-p-1600.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/devices-p-1600.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/nutrition-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/nutrition-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/security-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/security-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/crono-logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/crono-logo-white.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/crono-pro-graphic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/crono-pro-graphic.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/cronometer-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/cronometer-logo.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/media-mention-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/media-mention-1.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/media-mention-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/media-mention-2.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/media-mention-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/media-mention-3.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/pro-icon-main-nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/pro-icon-main-nav.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/crono-icon-main-nav.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/crono-icon-main-nav.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/micronutrients-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/micronutrients-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/social_twitter-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/social_twitter-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/social_youtube-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/social_youtube-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/social_facebook-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/social_facebook-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/social_instagram-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/social_instagram-icon.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/cronometer-hero-graphic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/cronometer-hero-graphic.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/cronometer-pro-logo-green.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/cronometer-pro-logo-green.png
--------------------------------------------------------------------------------
/my-app/src/components/Assets/cronometer-staff-2-p-1600.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saurabhpawar1997/glistening-salt-6402/HEAD/my-app/src/components/Assets/cronometer-staff-2-p-1600.jpeg
--------------------------------------------------------------------------------
/my-app/src/App.js:
--------------------------------------------------------------------------------
1 | import AllRoutes from './components/Routes/AllRoutes';
2 | import './App.css';
3 |
4 | function App() {
5 | return (
6 |
9 | );
10 | }
11 |
12 | export default App;
13 |
--------------------------------------------------------------------------------
/my-app/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 |
--------------------------------------------------------------------------------
/my-app/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import App from './App';
3 |
4 | test('renders learn react link', () => {
5 | render();
6 | const linkElement = screen.getByText(/learn react/i);
7 | expect(linkElement).toBeInTheDocument();
8 | });
9 |
--------------------------------------------------------------------------------
/my-app/src/components/Pages/Home.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Box } from "@chakra-ui/react";
3 | import Navbar from "../Navbar";
4 | import Footer from "../Footer";
5 | import HomePageData from "./HomePageData";
6 | const Home = () => {
7 | return (
8 |
9 |
10 |
11 |
12 |
13 | );
14 | };
15 |
16 | export default Home;
--------------------------------------------------------------------------------
/my-app/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/my-app/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/my-app/src/reportWebVitals.js:
--------------------------------------------------------------------------------
1 | const reportWebVitals = onPerfEntry => {
2 | if (onPerfEntry && onPerfEntry instanceof Function) {
3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
4 | getCLS(onPerfEntry);
5 | getFID(onPerfEntry);
6 | getFCP(onPerfEntry);
7 | getLCP(onPerfEntry);
8 | getTTFB(onPerfEntry);
9 | });
10 | }
11 | };
12 |
13 | export default reportWebVitals;
14 |
--------------------------------------------------------------------------------
/my-app/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/my-app/src/components/Routes/PrivateRoutes.jsx:
--------------------------------------------------------------------------------
1 | import {Navigate} from "react-router-dom";
2 |
3 | import React from 'react'
4 | import { useSelector } from "react-redux";
5 | import { loadData, saveData } from "../Utils/accessLocalStorage";
6 |
7 |
8 | const PrivateRoutes = ({children}) => {
9 | // const token =useSelector((state)=>state.authReducer.token)
10 | const token=JSON.parse(localStorage.getItem("token"))
11 | // const token = loadData("token")
12 | // console.log()
13 |
14 | console.log(token)
15 |
16 | if(token){
17 | return children
18 | }
19 | return
20 | }
21 |
22 | export default PrivateRoutes
--------------------------------------------------------------------------------
/my-app/src/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | text-align: center;
3 | }
4 |
5 | .App-logo {
6 | height: 40vmin;
7 | pointer-events: none;
8 | }
9 |
10 | @media (prefers-reduced-motion: no-preference) {
11 | .App-logo {
12 | animation: App-logo-spin infinite 20s linear;
13 | }
14 | }
15 |
16 | .App-header {
17 | background-color: #282c34;
18 | min-height: 100vh;
19 | display: flex;
20 | flex-direction: column;
21 | align-items: center;
22 | justify-content: center;
23 | font-size: calc(10px + 2vmin);
24 | color: white;
25 | }
26 |
27 | .App-link {
28 | color: #61dafb;
29 | }
30 |
31 | @keyframes App-logo-spin {
32 | from {
33 | transform: rotate(0deg);
34 | }
35 | to {
36 | transform: rotate(360deg);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/my-app/src/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 { ChakraProvider } from "@chakra-ui/react";
7 | import { BrowserRouter } from "react-router-dom";
8 |
9 | const root = ReactDOM.createRoot(document.getElementById('root'));
10 | root.render(
11 |
12 |
13 |
14 |
15 |
16 | );
17 |
18 | // If you want to start measuring performance in your app, pass a function
19 | // to log results (for example: reportWebVitals(console.log))
20 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
21 | reportWebVitals();
22 |
--------------------------------------------------------------------------------
/my-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "my-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@chakra-ui/react": "^2.3.7",
7 | "@emotion/react": "^11.10.5",
8 | "@emotion/styled": "^11.10.5",
9 | "@testing-library/jest-dom": "^5.16.5",
10 | "@testing-library/react": "^13.4.0",
11 | "@testing-library/user-event": "^13.5.0",
12 | "axios": "^1.1.3",
13 | "framer-motion": "^7.6.6",
14 | "react": "^18.2.0",
15 | "react-dom": "^18.2.0",
16 | "react-router-dom": "^6.4.3",
17 | "react-scripts": "^5.0.1",
18 | "styled-components": "^5.3.6",
19 | "web-vitals": "^2.1.4"
20 | },
21 | "scripts": {
22 | "start": "react-scripts start",
23 | "build": "react-scripts build",
24 | "test": "react-scripts test",
25 | "eject": "react-scripts eject"
26 | },
27 | "eslintConfig": {
28 | "extends": [
29 | "react-app",
30 | "react-app/jest"
31 | ]
32 | },
33 | "browserslist": {
34 | "production": [
35 | ">0.2%",
36 | "not dead",
37 | "not op_mini all"
38 | ],
39 | "development": [
40 | "last 1 chrome version",
41 | "last 1 firefox version",
42 | "last 1 safari version"
43 | ]
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/my-app/src/components/Routes/AllRoutes.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Route, Routes } from "react-router-dom";
3 | import Login from "../Login";
4 | import Signin from "../Signin";
5 | // import Dairy from "../Components/AfterLogin/pages/Dairy";
6 | // import Helps from "../Components/AfterLogin/pages/Helps";
7 | // import Foods from "../Components/AfterLogin/pages/Foods";
8 | // import Plans from "../Components/AfterLogin/pages/Plans";
9 | // import Settings from "../Components/AfterLogin/pages/Settings";
10 | // import Trends from "../Components/AfterLogin/pages/Trends";
11 | // import Support from "../Components/AfterLogin/pages/Support";
12 | import Home from "../Pages/Home";
13 | // import About from "../Components/About";
14 | // import { Blog } from "../Components/Blogs/blog";
15 | // import PrivateRoutes from "./PrivateRoutes";
16 | const AllRoutes = () => {
17 |
18 | return (
19 |
20 |
21 | }>
22 | }>
23 | {/* }/> */}
24 | {/* }/>
25 | }/>
26 | }/>
27 | }/>
28 | }/>
29 | }/> */}
30 | } />
31 | {/* } />
32 | } /> */}
33 |
34 |
35 | );
36 | };
37 |
38 | export default AllRoutes;
--------------------------------------------------------------------------------
/my-app/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
17 |
18 |
27 | React App
28 |
29 |
30 |
31 |
32 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/my-app/src/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/my-app/README.md:
--------------------------------------------------------------------------------
1 | # Getting Started with Create React App
2 |
3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
4 |
5 | ## Available Scripts
6 |
7 | In the project directory, you can run:
8 |
9 | ### `npm start`
10 |
11 | Runs the app in the development mode.\
12 | Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
13 |
14 | The page will reload when you make changes.\
15 | You may also see any lint errors in the console.
16 |
17 | ### `npm test`
18 |
19 | Launches the test runner in the interactive watch mode.\
20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
21 |
22 | ### `npm run build`
23 |
24 | Builds the app for production to the `build` folder.\
25 | It correctly bundles React in production mode and optimizes the build for the best performance.
26 |
27 | The build is minified and the filenames include the hashes.\
28 | Your app is ready to be deployed!
29 |
30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
31 |
32 | ### `npm run eject`
33 |
34 | **Note: this is a one-way operation. Once you `eject`, you can't go back!**
35 |
36 | If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
37 |
38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
39 |
40 | You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
41 |
42 | ## Learn More
43 |
44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
45 |
46 | To learn React, check out the [React documentation](https://reactjs.org/).
47 |
48 | ### Code Splitting
49 |
50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
51 |
52 | ### Analyzing the Bundle Size
53 |
54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
55 |
56 | ### Making a Progressive Web App
57 |
58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
59 |
60 | ### Advanced Configuration
61 |
62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
63 |
64 | ### Deployment
65 |
66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
67 |
68 | ### `npm run build` fails to minify
69 |
70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
71 |
--------------------------------------------------------------------------------
/my-app/src/components/Login.jsx:
--------------------------------------------------------------------------------
1 | import { Box, Button, Image, Img, Text, Input } from "@chakra-ui/react";
2 | import React, { useState } from "react";
3 | import styled from "styled-components";
4 | // import axios from "axios";
5 | import { useToast } from "@chakra-ui/react";
6 | import { useNavigate } from "react-router-dom";
7 | // import { loginsucess } from "../Redux/AuthReducer/action";
8 | // import { useDispatch } from "react-redux";
9 | // import { saveData } from "../Utils/accessLocalStorage";
10 | const Inputs = styled.input`
11 | width: 98%;
12 | // outline:none;
13 | margin: 5px;
14 | padding: 10px;
15 | border: 1px solid black;
16 | padding-right: -15px;
17 | border-radius: 26px;
18 | `;
19 | const Login = () => {
20 | const [form, setform] = useState({});
21 | const navigate = useNavigate();
22 | // const dispatch = useDispatch();
23 |
24 | const toast = useToast();
25 | const Targetvalue = (e) => {
26 | const { name, value } = e.target;
27 | setform({
28 | ...form,
29 | [name]: value,
30 | });
31 | };
32 |
33 | const handlersubmit = (e) => {
34 | e.preventDefault();
35 | fetch("https://cronologyback.herokuapp.com/auth/login", {
36 | method: "POST",
37 | headers: { "Content-Type": "application/json" },
38 | body: JSON.stringify(form),
39 | })
40 | .then((response) => response.json())
41 | .then((res) => {
42 | if (res.token) {
43 | console.log(res.token);
44 | // saveData("token", res.token);
45 | toast({
46 | title: "login successful",
47 | description: "Your Profile has been creatd on Loseit",
48 | status: "success",
49 | duration: 5000,
50 | isClosable: true,
51 | });
52 | navigate("https://cronometer.com/");
53 | } else {
54 | toast({
55 | title: "login failed",
56 | description: res.message,
57 | status: "error",
58 | duration: 5000,
59 | isClosable: true,
60 | });
61 | }
62 | })
63 | .catch((err) => {
64 | console.log(err);
65 | });
66 | };
67 | return (
68 |
69 |
75 |
82 |
86 |
87 |
144 |
145 |
146 | );
147 | };
148 |
149 | export default Login;
150 |
--------------------------------------------------------------------------------
/my-app/src/components/Navbar.jsx:
--------------------------------------------------------------------------------
1 | // import { ChevronDownIcon, ChevronUpIcon } from "@chakra-ui/icons";
2 | import {
3 | Box,
4 | Button,
5 | Flex,
6 | Heading,
7 | HStack,
8 | Image,
9 | Popover,
10 | PopoverArrow,
11 | PopoverBody,
12 | PopoverContent,
13 | PopoverTrigger,
14 | Text,
15 | } from "@chakra-ui/react";
16 | import React, { useState } from "react";
17 | import { Link } from "react-router-dom";
18 | import logo from "./Assets/cronometer-logo.png";
19 | import mainlogo from "./Assets/crono-icon-main-nav.png";
20 | import prologo from "./Assets/pro-icon-main-nav.png";
21 | const Navbar = () => {
22 | const [arrow, setArrow] = useState(false);
23 |
24 | const handleArrow = () => {
25 | let status = !arrow;
26 | setArrow(status);
27 | };
28 | return (
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
41 |
42 |
43 |
44 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | Coronometer
63 | For Individuals
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 | Coronometer Pro
72 | For Healthcare Professionals
73 |
74 |
75 |
76 |
77 |
78 |
79 |
84 | Support
85 |
86 |
87 |
88 |
93 | Blog
94 |
95 |
96 |
97 |
102 | Forums
103 |
104 |
105 |
106 |
111 | About
112 |
113 |
114 |
115 |
125 |
126 |
127 |
128 |
129 |
139 |
140 |
141 |
142 | );
143 | };
144 |
145 | export default Navbar;
--------------------------------------------------------------------------------
/my-app/src/components/Footer.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | Box,
3 | Flex,
4 | Heading,
5 | HStack,
6 | Image,
7 | Text,
8 | } from "@chakra-ui/react";
9 | import React from "react";
10 | import instagram_logo from "./Assets/social_instagram-icon.png";
11 | import facebook_logo from "./Assets/social_facebook-icon.png";
12 | import twitter_logo from "./Assets/social_twitter-icon.png";
13 | import youtube_logo from "./Assets/social_youtube-icon.png";
14 | import ios_logo from "./Assets/ios-icon.png";
15 | import android_logo from "./Assets/android-icon.png";
16 | import { Link } from "react-router-dom";
17 | import footer_logo from "./Assets/crono-logo-white.png";
18 |
19 | const Footer = () => {
20 | return (
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 | Cronometer
72 |
73 |
74 | For Individuals
75 |
76 |
77 | For Professionals
78 |
79 |
80 | Privacy
81 |
82 |
83 | Terms
84 |
85 |
86 |
87 |
88 | Cronometer
89 |
90 |
91 | About US
92 |
93 |
94 | Crono Blog
95 |
96 |
97 | Crono Forums
98 |
99 |
100 | Jobs
101 |
102 |
103 | Support
104 |
105 |
106 |
107 |
108 | Partners & Affiliates
109 |
110 |
111 | Affilate Program
112 |
113 |
114 | Media Kit
115 |
116 |
117 |
118 |
119 |
120 | Copyright © 2011-2022
121 | All rights reserved
122 |
123 |
124 |
125 | );
126 | };
127 |
128 | export default Footer;
--------------------------------------------------------------------------------
/my-app/src/components/Assets/cronometer-pro-logo-green.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/my-app/src/components/Signin.jsx:
--------------------------------------------------------------------------------
1 | import { Avatar, Box, Button, Checkbox, FormControl, Heading, Image, Input, Radio, RadioGroup, Select, Stack, Text } from '@chakra-ui/react'
2 | import React, { useEffect, useState } from 'react';
3 | import styled from "styled-components";
4 | import axios from 'axios';
5 | import { useToast } from '@chakra-ui/react';
6 | import {useNavigate} from "react-router-dom"
7 |
8 | const Inputs = styled.input`
9 | width:98%;
10 | // outline:none;
11 | margin:5px;
12 | padding:10px;
13 | border :1px solid black;
14 | padding-right:-15px;
15 |
16 | `
17 |
18 | const Signin = () => {
19 | const [checkedItems, setCheckedItems] = React.useState([false, false, false])
20 | const [isDisableds, setDisables] = useState(false)
21 | const [form, setform] = useState({});
22 | const toast = useToast()
23 | const navigate= useNavigate()
24 |
25 | const allChecked = checkedItems.every(Boolean)
26 |
27 |
28 | const isIndeterminate = checkedItems.some(Boolean) && !allChecked;
29 | const Targetvalue = (e) => {
30 | const { name, value } = e.target;
31 | setform({
32 | ...form,
33 | [name]: value
34 | })
35 | }
36 |
37 | const handlersubmit = async (e) => {
38 | e.preventDefault();
39 | const res = await axios.post("https://reqres.in/api/register", form)
40 | const data = res.data;
41 | const flag = 1;
42 | if (data.status === "error" || data.password !== data.confirmpass) {
43 | toast({
44 | title: "signup failed",
45 | description: res.message,
46 | status: "error",
47 | duration: 5000,
48 | isClosable: true,
49 | });
50 | flag = 0;
51 | }
52 | if (flag) {
53 | toast({
54 | title: "signup successful",
55 | description: "Your Profile has been creatd on Loseit",
56 | status: "success",
57 | duration: 5000,
58 | isClosable: true,
59 | });
60 | navigate("/login");
61 | }
62 |
63 | }
64 | // console.log(form)
65 | useEffect(() => {
66 |
67 | if (allChecked) {
68 | setDisables(!isDisableds)
69 | }
70 | }, [allChecked])
71 | return (
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 | Create Your Free Account
85 |
86 |
221 |
222 |
223 |
224 | Need help?
225 | Email Support
226 |
227 |
228 |
229 | )
230 | }
231 |
232 | export default Signin
--------------------------------------------------------------------------------
/my-app/src/components/Pages/HomePageData.jsx:
--------------------------------------------------------------------------------
1 | import { Box, Button, Flex, Heading, Image, Text } from "@chakra-ui/react";
2 | import React from "react";
3 | import { Link } from "react-router-dom";
4 | import HeroImage from "../Assets/cronometer-hero-graphic.png";
5 | import media1 from "../Assets/media-mention-1.png";
6 | import media2 from "../Assets/media-mention-2.png";
7 | import media3 from "../Assets/media-mention-3.png";
8 | import ios_logo from "../Assets/ios-icon.png";
9 | import android_logo from "../Assets/android-icon.png";
10 | import community from "../Assets/community-icon.png";
11 | import security from "../Assets/security-icon.png";
12 | import nutrition from "../Assets/nutrition-icon.png";
13 | import micronutrients from "../Assets/micronutrients-icon.png";
14 | import diary from "../Assets/diary-icon.png";
15 | import reports from "../Assets/reports-icon.png";
16 | import scale from "../Assets/scale-icon.png";
17 | import fasting from "../Assets/fasting-icon.png";
18 | import food from "../Assets/food-icon.png";
19 | import devices from "../Assets/devices-p-1600.png";
20 | import crono_graphic from "../Assets/crono-pro-graphic.png";
21 | import green_logo from "../Assets/cronometer-pro-logo-green.png";
22 | import staff from "../Assets/cronometer-staff-2-p-1600.jpeg";
23 | const HomePageData = () => {
24 | return (
25 | <>
26 |
32 |
38 |
39 |
40 |
47 |
48 | Eat smarter.
49 | Live better.
50 |
51 |
52 |
53 | Track your calories, exercise, biometrics and health data.
54 |
55 |
56 |
57 |
65 |
66 |
67 |
68 | Already have an account?
69 |
70 |
77 |
78 |
79 |
80 |
81 |
86 |
87 |
88 |
89 |
90 |
91 | As Seen On
92 |
93 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
117 | Available on Web, iOS and Android
118 |
119 |
128 |
129 |
130 |
131 |
132 |
137 |
138 |
139 |
140 |
141 |
146 | Discover your nutrition
147 |
148 |
154 |
155 | Cronometer encourages you to not just count your calories but to
156 | focus on your nutrition as a whole.
157 |
158 |
159 |
167 |
168 |
169 |
170 |
171 |
172 | Over 5 million users
173 |
174 |
179 | Join the community to get tips and inspiration from other users on
180 | our forums and Facebook group.
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 | Accurate nutrition data
189 |
190 |
191 |
196 | Be confident that the food you log has the correct nutrition data.
197 | We verify every food submission for accuracy.
198 |
199 |
200 |
201 |
202 |
203 |
204 |
205 | Data privacy & security
206 |
207 |
212 | We take the security of our users' accounts seriously - we will
213 | never sell your account data to third parties.
214 |
215 |
216 |
217 |
218 |
219 |
224 | Develop healthy habits
225 |
226 |
232 |
233 | Count your calories, ensure you're meeting nutrient targets, and see
234 | your progress over time.
235 |
236 |
237 |
245 |
246 |
247 |
248 |
249 |
250 |
251 | Track up to 82 micronutrients
252 |
253 |
254 |
255 | Log your meals and track all your macro and micronutrients.
256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 | Log meals, exercise and biometrics
265 |
266 |
267 |
268 | Plus, you can create custom foods, recipes, exercises and
269 | biometrics!
270 |
271 |
272 |
273 |
274 |
275 |
276 |
277 |
278 | Valuable reports and charts
279 |
280 |
281 |
282 | Learn how nutrients and biometrics correlate over time.
283 |
284 |
285 |
286 |
295 |
296 |
297 |
298 |
299 |
300 |
301 | Custom diet settings
302 |
303 |
304 |
305 |
306 | Set weight, macro & nutrient targets to meet your goals.
307 |
308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 | Fasting timer
317 |
318 |
319 |
320 |
321 | Track your intermittent fasts and see their effect over time.
322 |
323 |
324 |
325 |
326 |
327 |
328 |
329 |
330 |
331 | Diet support
332 |
333 |
334 |
335 |
336 | Whether your Keto, Vegan, or on one recommended by your doctor.
337 |
338 |
339 |
340 |
341 |
342 |
343 |
349 |
354 | Find out if you're getting the vitamins and minerals you need with
355 | our food diary app.
356 |
357 |
363 |
372 |
373 |
374 |
375 |
376 |
381 | Sync with Apps and Devices
382 |
383 |
390 | Sync Cronometer with these activity trackers, Apple Health, Google Fit
391 | and Samsung Health.
392 |
393 |
399 |
400 |
401 |
409 |
410 | Cronometer Reviews
411 |
412 |
413 | Check us out in your app store.
414 |
415 |
416 |
417 |
418 |
423 |
428 |
433 | I wasn't the only one concerned about the unreliability of the
434 | macros in both MyFitnessPal and Carb Manager.
435 |
436 |
441 |
442 |
443 |
444 |
445 |
446 |
451 |
455 | I started Keto in July. MyFitnessPal seemed pretty cool. Spent
456 | hours setting it up and entering recipes only to discover the
457 | macros were not reliable due to all the contributions by the
458 | community. I was so frustrated. Then I found a review of several
459 | apps (on the Keto Mojo website) and discovered I wasn't the only
460 | one concerned about unreliability of the macros on both MFP and
461 | CarbManager (tried that too). Behold Cronometer! I love this app.
462 | It draws from nutrition databases with minimal community
463 | contributions so much, much more reliability. There are many more
464 | free features. The user interface is easy to navigate. I'm very
465 | happy with Cronometer.
466 |
467 |
468 | iOS Review
469 |
470 | September 23, 2019
471 |
472 |
473 |
474 |
480 |
485 |
491 |
492 | This app is my dream! I've been on the hunt for something that can
493 | track my daily nutritional needs and the majority of apps seem to
494 | think that only means macros. This tracks EVERYTHING! Getting my
495 | daily vitamins through food is so important to me and this has
496 | taken a HUGE load off of my plate. I bought gold within minutes.
497 | This is set up great, easy to use, links with my FitBit. I could
498 | go on and on.
499 |
500 |
501 | Android Review
502 |
503 | November 23, 2020
504 |
505 |
510 |
511 | Cronometer tracks EVERYTHING! ... It's easy to use and links with
512 | my FitBit.
513 |
514 |
515 |
516 |
517 |
518 |
519 |
520 |
521 |
522 |
528 |
535 |
536 |
537 |
538 |
539 |
540 |
541 |
542 |
543 | Are you a healthcare professional?
544 |
545 |
546 |
547 | Check out our software designed for nutritionists, dietitians,
548 | research teams, schools, and hospitals.
549 |
550 |
551 |
552 |
562 |
563 |
564 |
565 |
566 |
567 |
568 | We are Canadian
569 |
570 |
571 |
572 | Independently owned and operated by people who care about their
573 | users' nutrition.
574 |
575 |
576 |
577 |
578 |
579 |
580 | Our headquarters are based in the idyllic mountain town of{" "}
581 |
582 |
585 |
586 | We are a team of over 25 professionals brought together by a love
587 | of nutrition, skiing, biking and the great outdoors.
588 |
589 |
590 |
591 |
601 |
602 |
603 |
604 |
611 |
612 | Help us spread the good word about nutrition and become an affiliate.
613 |
614 |
625 |
626 |
627 | );
628 | };
629 |
630 | export default HomePageData;
631 |
--------------------------------------------------------------------------------