React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

Fika App

A social media application for capturing and sharing moments and memories.

Firebase Configuration

This project uses Firebase for authentication, database, and storage. The following Firebase services have been configured:

• Authentication with Email/Password and Google Sign-in
• Firestore Database for storing user data
• Firebase Storage for storing images and files

Installation

1. Clone the repository
2. Install dependencies:

npm install

3. Make sure you have the following Firebase packages installed:

npm install firebase

4. Run the development server:

npm run dev

Firebase Services Used

• Authentication: For user login, signup, and managing user sessions
• Firestore Database: For storing user data, posts, comments, and other app data
• Storage: For storing images, videos, and other user-uploaded content

Environment Variables

The Firebase configuration is set up in src/firebase/config.js. If you need to use a different Firebase project, update the configuration in this file.

const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

Features

• User authentication with email/password and Google Sign-in
• User profile management
• Post creation and sharing
• Image uploads
• Real-time updates