Crypto Token TOJO Global Website

Welcome to the TOJO Global Website, a modern digital markating platform developed to connect users with causes they care about. Built using cutting-edge technologies like React, Node.js, Express, MySQL, this application provides a seamless user experience.

Live Website

Visit the Tojo Gloabl

---

Key Features

• Responsive Design: Optimized for mobile, tablet, and desktop, ensuring an exceptional user experience across all devices.
• Engaging User Interface: Modern animations and intuitive layouts, designed with React and Tailwind CSS, make navigation enjoyable.
• Interactive Notifications: Feedback mechanisms implemented with React-Toastify and SweetAlert2 enhance user engagement.

---

Frontend (website) Dependencies

The frontend of this project utilizes a range of modern libraries and frameworks:

"dependencies": {
  "@gsap/react": "^2.1.1",
    "aos": "^2.3.4",
    "axios": "^1.6.8",
    "bootstrap": "^5.3.3",
    "country-state-city": "^3.2.1",
    "dompurify": "^3.1.3",
    "formik": "^2.4.6",
    "framer-motion": "^7.10.3",
    "react": "^18.2.0",
    "react-bootstrap": "^2.10.2",
    "react-dom": "^18.2.0",
    "react-helmet-async": "^2.0.5",
    "react-icons": "^5.1.0",
    "react-phone-input-2": "^2.15.1",
    "react-router-dom": "^6.28.0",
    "react-slick": "^0.30.2",
    "react-toastify": "^10.0.5",
    "react-typed": "^2.0.12",
    "slick-carousel": "^1.8.1",
    "yup": "^1.4.0"
}

---

Backend (server side) Dependencies

The backend is robustly designed with the following tools:

"dependencies": {
  "bcrypt": "^5.1.1",
    "body-parser": "^1.20.2",
    "cookie-parser": "^1.4.6",
    "cors": "^2.8.5",
    "express": "^4.18.2",
    "fs": "^0.0.1-security",
    "http-proxy-middleware": "^3.0.0",
    "jsonwebtoken": "^9.0.2",
    "multer": "^1.4.5-lts.1",
    "mysql": "^2.18.1",
    "mysql2": "^3.11.0",
    "nodemon": "^3.0.2",
    "path": "^0.12.7",
    "uuid": "^10.0.0"
}

---

Admin panel (Frontend) Dependencies

The backend is robustly designed with the following tools:

"dependencies": {
  "@canvasjs/react-charts": "^1.0.2",
    "@emotion/react": "^11.11.3",
    "@emotion/styled": "^11.11.0",
    "@mui/material": "^5.16.7",
    "@mui/styled-engine-sc": "^6.0.0-alpha.10",
    "@mui/x-date-pickers": "^6.20.2",
    "@tinymce/tinymce-react": "^4.3.2",
    "antd": "^5.12.5",
    "axios": "^1.6.2",
    "bootstrap": "^5.3.2",
    "buffer": "^6.0.3",
    "country-state-city": "^3.2.1",
    "dayjs": "^1.11.10",
    "dompurify": "^3.0.8",
    "dotenv": "^16.4.4",
    "eslint": "^8.0.0",
    "formik": "^2.4.5",
    "hooks": "^0.3.2",
    "jodit-react": "^1.3.39",
    "pexels": "^1.4.0",
    "react": "^18.2.0",
    "react-bootstrap": "^2.9.1",
    "react-country-state-city": "^1.1.0",
    "react-dom": "^18.2.0",
    "react-icons": "^5.3.0",
    "react-router": "^6.20.1",
    "react-router-dom": "^6.20.1",
    "react-toastify": "^10.0.5",
    "styled-components": "^6.1.6",
    "uuid": "^10.0.0",
    "yup": "^1.4.0"
}

---

How to Run Locally

1. Clone the repository:

   git clone https://github.com/tojoglobal/TOJOGlobalWebsite.git

How to Run Locally in Client side

1. Clone the repository done.
2. Navigate to the project folder and install dependencies:

   cd Website
   npm install

3. Start the frontend:

   npm run dev

4. Visit http://localhost:5173 or http://localhost:5174 in your browser to explore the application.

---

---

How to Run Locally in server side

1. Clone the repository

2. Navigate to the project folder and install dependencies:

   cd Backend
   npm install

3. Start the server side:

   npm run dev

4. Visit http://localhost:3001 in your browser to explore the application.

How to Run Locally in dashbord (admin)

1. Clone the repository

2. Navigate to the project folder and install dependencies:

   cd FrontEnd
   npm install

3. Start the server side:

   npm run dev

4. Visit http://localhost:3001 in your browser to explore the application.

---

tojoGlobalWeb

tojoGlobalWeb