A simple yet powerful productivity web app to log daily tasks and manage personal finances.
Orion is a personal productivity and finance management tool built to help users track their daily tasks and monitor financial activities in one place. Whether you're managing time-sensitive tasks or trying to stay on top of your budget, Orion offers a clean and intuitive interface to keep you organized and productive.
Built using modern tools like Next.js, Firebase, and Tailwind CSS, Orion demonstrates a full front-end experience with real-world features like authentication, protected routes, dashboards, and responsive design.
- Add, edit, and delete daily tasks.
- Mark tasks as completed.
- Filter tasks by date and status.
- Log income and expenses.
- View spending trends and summaries.
- Real-time balance updates.
- Visual summary of weekly tasks and finances.
- Charts and graphs (coming soon).
- Quick access to frequently used actions.
- Secure sign-up and login via email/password.
- Protected routes that require authentication.
- User-specific data persistence.
- Fully responsive layout using Tailwind CSS.
- Clean and minimal design focused on usability.
- Smooth transitions and interactions.
| Layer | Technology |
|---|---|
| Frontend | Next.js 14 |
| Styling | Tailwind CSS |
| Backend Auth | Firebase Auth |
| Data Storage | Firebase Firestore |
| Hosting | Vercel |
Make sure you have the following installed:
- Node.js (LTS version recommended)
- npm (comes with Node.js)
- Clone the repository
git clone https://github.com/abel-otegbola/orion.git
cd orionInstall the required dependencies:
npm installTo run the application locally, use the following command:
npm run devOnce the server is running, open your browser and go to:
http://localhost:3000Contributions are welcome! If you'd like to improve Orion, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License — see the LICENSE file for details.