https://github.com/egarrisxn/xprod
An all-in-one productivity application designed to streamline task and event management for users. Powered by Next.js, Supabase, TypeScript, & more.
https://github.com/egarrisxn/xprod
nextjs15 postgres react19 shadcnui ssr supabase tailwindcss typescript vercel
Last synced: 9 months ago
JSON representation
An all-in-one productivity application designed to streamline task and event management for users. Powered by Next.js, Supabase, TypeScript, & more.
- Host: GitHub
- URL: https://github.com/egarrisxn/xprod
- Owner: egarrisxn
- License: mit
- Created: 2024-11-12T00:30:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-10T17:35:37.000Z (over 1 year ago)
- Last Synced: 2025-01-10T18:37:47.547Z (over 1 year ago)
- Topics: nextjs15, postgres, react19, shadcnui, ssr, supabase, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://egxprod.vercel.app
- Size: 573 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# xprod
[](https://opensource.org/licenses/MIT)
[](https://pnpm.io)
[](https://nextjs.org)
[](https://tailwindcss.com)
[](https://international-worldwide.vercel.app)
## 🚀 Overview
**XPROD** is a modern, full-stack productivity application designed to streamline your workflow and enhance focus. Built with cutting-edge web technologies, XPROD combines intuitive design with powerful developer tooling to create a seamless productivity experience.
## 🧱 Tech Stack
### ⚙️ Framework & Language
- **Next.js (v15)** – React framework with routing, server rendering, and API support.
- **React (v19)** – Declarative UI library for interactive interfaces.
- **TypeScript** – Type-safe superset of JavaScript for code development.
### 🎨 Styling & Design
- **Tailwind CSS (v4)** – Utility-first CSS framework for rapid UI development.
- **Radix UI** – Unstyled, accessible primitives for custom UI components.
- **ShadCN UI** – Pre-styled Radix components with Tailwind integration.
- **Motion** – UI animation library for smooth, declarative transitions.
### 📝 Forms & Validation
- **react-hook-form** – Performant form handling with minimal re-renders.
- **zod + @hookform/resolvers** – Type-safe schema validation integrated with forms.
### 🔐 Authentication & Database
- **Supabase** – Backend-as-a-Service:
- **Authentication** – Secure login and session handling.
- **Database** – PostgreSQL for structured data management.
### 🧰 Tooling & Developer Experience
- **pnpm** – Fast and efficient package manager.
- **ESLint + Prettier** – Linting and consistent code formatting.
- **Vercel** – Deployment, hosting, and built-in CI/CD pipeline.
### 📊 Analytics & Monitoring
- **Vercel Analytics** – Real-time performance and traffic insights.
## ✨ Key Features
- **Event Calendar**: View and manage events seamlessly.
- **Task Management**: Create, edit, and delete tasks efficiently.
- **Responsive Design**: Works on all device sizes.
- **Light/Dark Mode Support**: Toggle between themes using `next-themes`.
- **UI Components**: Built with Radix UI for accessible and customizable components.
## 📦 Installation & Setup
To get a local copy up and running, follow these simple steps.
### Prerequisites
- **Node.js** (v18 or higher)
- **pnpm** (recommended for package management)
### Installation
1. Clone the repo:
```bash
git clone https://github.com/egarrisxn/xprod.git
```
2. Navigate to the project directory:
```bash
cd xprod
```
3. Install dependencies:
```bash
pnpm install
```
### Usage
- To run the development server:
```bash
pnpm dev
```
- To build the project for production:
```bash
pnpm build
```
- To start the production server:
```bash
pnpm start
```
- To lint the project:
```bash
pnpm lint
```
- To format code with Prettier:
```bash
pnpm format
```
## 🚀 Deployment
Deploy the project on any modern platform that supports **Next.js**, such as:
- ▲ **[Vercel](https://vercel.com)** – Native support for Next.js with serverless functions and analytics.
- 🌐 **[Netlify](https://netlify.com)** – Alternative hosting with easy CI/CD.
- ☁️ Any other cloud provider (AWS, Render, Railway, etc.)
> ⚠️ Make sure to configure all required environment variables in your platform dashboard.
---
## 🤝 Contributing
Contributions are welcome!
If you have ideas, improvements, or bug fixes, feel free to:
1. Fork the repository
2. Create a feature branch
3. Submit a pull request (PR)
> For larger features, consider opening a discussion or issue first.
---
## 📄 License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
You're free to use, modify, and distribute with attribution.
---
## 📬 Contact
Have questions or suggestions? Feel free to reach out:
- 👤 GitHub: [egarrisxn](https://github.com/egarrisxn)
- 📧 Email: [egarrisxn@gmail.com](mailto:egarrisxn@gmail.com)
---
_Thank you for checking out **XPROD**!_