MetaKick is a next-generation fantasy football platform that reimagines fan engagement by transforming player careers into a dynamic, 3D stock market. It's a web3 application where users can buy, sell, and trade player shares as digital assets, build fantasy squads, and compete in high-stakes tournaments. The platform provides a rich, immersive experience with a focus on a realistic, data-driven economy and a vibrant user community.
- Web Application
- Sports Technology
- FinTech / Web3
The project is a monorepo built with Next.js and follows a standard structure for modern web applications. Key directories include:
/src/app: Contains the core application logic, including pages, layouts, and global styles. It uses the Next.js App Router./src/components: Home to all React components, organized intolayout,sections, anduifor clarity and reusability./src/lib: A collection of shared utilities, constants, and content definitions used throughout the application./public: Stores static assets like fonts and images.
- Next.js: A React framework for building server-rendered and statically generated web applications.
- React: A JavaScript library for building user interfaces.
- TypeScript: A statically typed superset of JavaScript that adds type safety.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- ShadCN/UI: A collection of reusable UI components built with Radix UI and Tailwind CSS.
- Lucide React: A library of simply designed, beautiful icons.
To run the project locally, follow these steps:
-
Install Dependencies: Open your terminal, navigate to the project directory, and run the following command to install the required packages:
npm install
-
Run the Development Server: Once the dependencies are installed, start the Next.js development server:
npm run dev
This will launch the project on http://localhost:9002. You can now open this URL in your web browser to see the application in action. Any changes you make to the code will be automatically reflected in the browser.