DashStack

DashStack is a feature-rich backend dashboard application built during my frontend training program. This project allows users to manage products, people, events, and todos. It utilizes a variety of modern frontend technologies to provide a seamless and dynamic user experience.

Features

• Product Management: Create, edit, delete, and view products with ease.
• People Management: Manage user profiles and contact details.
• Event Management: Schedule and track upcoming events using a calendar interface.
• Todo Management: Organize and manage tasks efficiently.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Firebase: Used for backend services like database and authentication.
• React Query: A powerful data-fetching and state-management library.
• Tailwind CSS: A utility-first CSS framework for custom designs.
• Tailwind UI: Pre-built components for creating beautiful UIs.
• React Big Calendar: A calendar component for managing and displaying events.
• React Spinners: A collection of loading spinners for improving user experience.
• React Icons: A collection of popular icons for React projects.
• Recharts: A composable charting library for creating visual data insights.
• Git: Version control for tracking changes in the project.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/dashstack.git

2. Navigate to the project directory:

   cd dashstack

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Firebase Setup

To enable Firebase services in the project:

1. Create a Firebase project in the Firebase Console.

2. Add your Firebase configuration to a .env file in the root of the project:

   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

3. Initialize Firebase Firestore and Authentication services.

Usage

• Product Management: Navigate to the "Products" section to add, update, or delete products.
• People Management: View and manage users in the "People" section.
• Event Calendar: Use the "Events" section to view upcoming events on a calendar interface.
• Todos: Manage personal and work-related tasks in the "Todos" section.

Screenshots

Include some screenshots of your project here.

Contributing

If you would like to contribute to DashStack:

1. Fork the repository.
2. Create a new feature branch: git checkout -b feature/your-feature.
3. Commit your changes: git commit -m "Add new feature".
4. Push to the branch: git push origin feature/your-feature.
5. Open a Pull Request.

License

This project is licensed under the MIT License.

Contact

For any inquiries or suggestions, feel free to reach out via email: [email protected].