CloudHive is a web application that allows users to securely upload and manage files in the cloud. This repository contains the frontend code for the CloudHive project. It is built using React, Material-UI, Redux with Redux Thunk for state management, and Axios for API calls. The project is built with Vite for fast and efficient development.
-
User-Friendly Interface: Built with React and Material-UI to provide a visually appealing and intuitive user interface.
-
State Management: Utilizes Redux with Redux Thunk for efficient state management and asynchronous actions.
-
API Calls: Communicates with the CloudHive-Backend API using Axios for seamless data exchange.
-
Vite Build: The project is built using Vite for a faster and more efficient development experience.
Follow these steps to set up the CloudHive frontend locally:
-
Clone the repository:
git clone https://github.com/your-username/CloudHive.git
-
Install Dependencies:
cd CloudHive npm install -
Set Environment Variables:
- In your
.envfile, set the API endpoint for your CloudHive-Backend (e.g.,REACT_APP_API_URL=https://your-backend-api-url).
- In your
-
Start the Development Server:
npm run dev
Your frontend development server should now be running at http://localhost:3000.
To explore CloudHive, you can use the following temporary login credentials:
- Email:
som2@email.com - Password:
123456
The project folder structure is organized as follows:
src/: Contains the main source code for the application.components/: React components used in the application.store/: Redux store.utils/: Utility functions and helper files.App.js: The entry point of the application.index.js: The application's main ReactDOM render.
To deploy the CloudHive frontend, build the application using:
npm run buildThe build files will be generated in the build/ directory. You can then deploy these files to your hosting platform of choice.