📊 View-IPO Admin Panel

🚀 Overview

The View-IPO Admin Panel is a CRUD-based admin dashboard for managing IPO (Initial Public Offering) data. Built with React, TypeScript, and Firebase, this platform enables seamless IPO data management, including adding, editing, deleting, and viewing IPO records. It also includes Firebase Authentication for secure access control.

✨ Features

✅ CRUD Operations – Create, Read, Update, Delete IPO records
✅ Firebase Firestore – Real-time NoSQL database for data storage
✅ Firebase Authentication – Secure user login & access control
✅ Role-Based Access – Restrict actions based on user roles
✅ Modern UI – Styled with Tailwind CSS
✅ Fast & Responsive – Works on all devices
✅ Sorting & Filtering – Easily manage IPO records

🛠️ Tech Stack

• React (Vite) ⚛️ – Fast and lightweight frontend framework
• TypeScript 🟦 – Type safety and better development experience
• Tailwind CSS 🎨 – Utility-first styling for modern UI
• Firebase Firestore 🔥 – Real-time NoSQL database for IPO data
• Firebase Authentication 🔑 – Secure user login & access control

📥 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/vipulsuthar1144/view_ipo.git
cd view-ipo

2️⃣ Install dependencies

npm install

3️⃣ Create a .env file and add your Firebase configuration

VITE_APP_PORT = 5173
VITE_FIREBASE_API_KEY=----------
VITE_FIREBASE_AUTH_DOMAIN=---------
VITE_FIREBASE_PROJECT_ID=---------
# VITE_FIREBASE_STORAGE_BUCKET=------------
VITE_FIREBASE_STORAGE_BUCKET=-------------
VITE_FIREBASE_MESSAGING_SENDER_ID=----------
VITE_FIREBASE_APP_ID=---------------
VITE_FIREBASE_MEASUREMENT_ID=-------------

4️⃣ Run the project

npm start

The app will be available at http://localhost:5173/

🔑 Authentication Setup

• Email & Password Authentication – Users can sign up and log in securely.
• Google Sign-In – Allow users to authenticate via their Google account.
• Protected Routes – Only authenticated users can access the admin dashboard.

🔥 Firebase Integration

This project uses Firebase Firestore to store IPO data securely. Make sure to:

• Enable Firestore Database in Firebase Console
• Enable Firebase Authentication (Email/Password & Google Sign-In)
• Set Up Firestore Security Rules for authorized access
• Update .env with your Firebase project details

🤝 Contributing

Contributions are Welcome!

Love this project? Want to make it even better? Feel free to open issues, submit pull requests, or just drop feedback! Let’s build something amazing together. 💡💻

📜 License

This project is open-source under the MIT License.

📬 Let's Connect!

Got feedback or ideas? Reach out to me! I’d love to hear from you. 🎉

• 📧 Email: vipulsuthar1144@gmail.com
• 💼 LinkedIn: Vipul Suthar | LinkedIn