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.
- 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.
- 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.
- react-hook-form – Performant form handling with minimal re-renders.
- zod + @hookform/resolvers – Type-safe schema validation integrated with forms.
- Supabase – Backend-as-a-Service:
- Authentication – Secure login and session handling.
- Database – PostgreSQL for structured data management.
- pnpm – Fast and efficient package manager.
- ESLint + Prettier – Linting and consistent code formatting.
- Vercel – Deployment, hosting, and built-in CI/CD pipeline.
- Vercel Analytics – Real-time performance and traffic insights.
- 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.
To get a local copy up and running, follow these simple steps.
- Node.js (v18 or higher)
- pnpm (recommended for package management)
-
Clone the repo:
git clone https://github.com/egarrisxn/xprod.git
-
Navigate to the project directory:
cd xprod -
Install dependencies:
pnpm install
-
To run the development server:
pnpm dev
-
To build the project for production:
pnpm build
-
To start the production server:
pnpm start
-
To lint the project:
pnpm lint
-
To format code with Prettier:
pnpm format
Deploy the project on any modern platform that supports Next.js, such as:
- ▲ Vercel – Native support for Next.js with serverless functions and analytics.
- 🌐 Netlify – 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.
Contributions are welcome!
If you have ideas, improvements, or bug fixes, feel free to:
- Fork the repository
- Create a feature branch
- Submit a pull request (PR)
For larger features, consider opening a discussion or issue first.
This project is licensed under the MIT License.
You're free to use, modify, and distribute with attribution.
Have questions or suggestions? Feel free to reach out:
- 👤 GitHub: egarrisxn
- 📧 Email: egarrisxn@gmail.com
Thank you for checking out XPROD!