https://github.com/daveyhert/planify
A modern project management application built with React and Firebase.
https://github.com/daveyhert/planify
css firebase-auth firestore react reactrouter6 vite
Last synced: 6 months ago
JSON representation
A modern project management application built with React and Firebase.
- Host: GitHub
- URL: https://github.com/daveyhert/planify
- Owner: DaveyHert
- Created: 2025-04-01T20:36:54.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-04-18T09:26:45.000Z (10 months ago)
- Last Synced: 2025-04-18T22:58:27.080Z (10 months ago)
- Topics: css, firebase-auth, firestore, react, reactrouter6, vite
- Language: JavaScript
- Homepage: https://planify-project-manageme-3db7b.web.app/dashboard
- Size: 2.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Planify
A modern project management application built with React and Firebase, designed to help teams organize and track their projects efficiently.
[Live demo preview](https://planify-project-manageme-3db7b.web.app/dashboard)
## Features
- 🔐 User Authentication
- 📋 Project Management
- 📅 Task Tracking (TBA)
- 👥 Team Collaboration
- 📊 Project Analytics (TBA)
- 🔔 Real-time Updates
## Tech Stack
- **Frontend**: React 18, Vite
- **Backend**: Firebase (Authentication, Firestore, Storage)
- **Routing**: React Router v6
- **Styling**: CSS Modules
- **Development Tools**: ESLint, Prettier
## Getting Started
### Prerequisites
- Node.js (v16 or higher)
- npm or yarn
- Firebase account
### Installation
1. Clone the repository
```bash
git clone https://github.com/yourusername/planify.git
cd planify
```
2. Install dependencies
```bash
npm install
```
3. Set up Firebase
- Create a new Firebase project
- Enable Authentication, Firestore, and Storage
- Add your Firebase configuration to the project
4. Start the development server
```bash
npm run dev
```
## Available Scripts
- `npm run dev` - Start development server
- `npm run build` - Build for production
- `npm run preview` - Preview production build
- `npm run lint` - Run ESLint
## Project Structure
```
planify/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Page components
│ ├── context/ # React context
│ ├── hooks/ # Custom hooks
│ └── utils/ # Utility functions
├── firebase.json # Firebase configuration
└── vite.config.js # Vite configuration
```
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- [React](https://reactjs.org/)
- [Firebase](https://firebase.google.com/)
- [Vite](https://vitejs.dev/)