Explora+ is a React-based application developed during the Hacka-Llama hackathon. It integrates Firebase for authentication and utilizes various React libraries to deliver a seamless, interactive user experience.

• Authentication: Google login using Firebase.
• Interactive Charts: Built using Chart.js and React Chart.js 2.
• Responsive Design: Developed with TailwindCSS and Material-UI.
• Dashboard: Visualize data dynamically using Recharts.
• API Integration: Axios-based REST API integration.
• Routing: Client-side navigation with React Router DOM.

1. Clone the repository:

   git clone /~https://github.com/felipemacedo1/hacka-llama-react.git
   cd hacka-llama-react

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory with the following variables:

   VITE_FIREBASE_API_KEY=your_firebase_api_key
   VITE_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
   VITE_FIREBASE_PROJECT_ID=your_firebase_project_id
   VITE_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
   VITE_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
   VITE_FIREBASE_APP_ID=your_firebase_app_id
   VITE_FIREBASE_MEASUREMENT_ID=your_firebase_measurement_id

Run the application locally:

npm run dev

Generate a production-ready build:

npm run build

Preview the production build:

npm run preview

src/
├── components/         # Shared components (Footer, Navbar, Sidebar, etc.)
├── contexts/           # React Context for global state management
├── pages/              # Page-level components (Login, Dashboard, etc.)
├── routes/             # Routing configurations
├── services/           # API integration and utility functions
├── mocks/              # Mock API handlers for testing
├── App.tsx             # Main application component
├── main.tsx            # Application entry point
└── vite-env.d.ts       # TypeScript environment types

• React: Component-based UI library.
• TypeScript: Static typing for JavaScript.
• TailwindCSS: Utility-first CSS framework.
• Material-UI: Pre-built React components for UI design.
• Swiper: Interactive carousels and sliders.

• Chart.js: Visualization library for interactive charts.
• Recharts: Chart library built on React.

• React Router DOM: Client-side routing.
• React Context: Global state management.

• Firebase: Authentication and backend as a service.
• Axios: HTTP client for API communication.

• MSW: Mock Service Worker for API simulation.

Feel free to fork the repository and submit pull requests. Contributions are welcome!

This project is licensed under the MIT License.