Cloud Space is a web application that allows users to manage their files and directories. Users can create new directories, add files, view files, register, login, logout, and reset their passwords. The application uses Firebase Authentication for user management and Firebase Firestore for storage and database.
- User Authentication: Register, login, logout, and password reset functionality using Firebase Authentication.
- File Management: Create new directories, add files, and view files stored in Firebase Firestore.
- Responsive Design: User-friendly interface that works on various devices.
- Frontend: React.js
- Backend: Firebase Authentication, Firebase Firestore, Firebase Storage
- Styling: CSS
- Node.js and npm installed on your machine.
- Firebase account and project set up.
-
Clone the repository:
git clone https://github.com/chandankumarm55/cloud-space.git
-
Navigate to the project directory:
cd cloud-space
-
Install dependencies:
npm install
-
Set up Firebase:
- Go to the Firebase Console and create a new project.
- Enable Authentication and Firestore Database.
- Obtain your Firebase configuration and add it to your project.
-
Create a
.env
file in the root of your project and add your Firebase configuration:REACT_APP_FIREBASE_API_KEY=your_api_key REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain REACT_APP_FIREBASE_PROJECT_ID=your_project_id REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id REACT_APP_FIREBASE_APP_ID=your_app_id
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
.