Welcome to the Prime Drink website frontend β a modern, responsive, and high-performance web app built with Next.js, React, and Tailwind CSS. This project is focused on delivering an immersive user experience to showcase Prime's beverage line, promotions, and product details.
This project is built using the following technologies:
- Next.js 14 β React Framework for server-side rendering and static site generation.
- React 18 β Component-based UI library.
- TypeScript β Strongly-typed JavaScript for scalable code.
- Tailwind CSS β Utility-first CSS framework for fast UI development.
- DaisyUI β Tailwind CSS component library for rapid UI prototyping.
- Swiper β Modern touch slider for product carousels.
- PostCSS + Autoprefixer β Modern CSS tooling for compatibility and optimization.
- ESLint β Code linting and standards enforcement.
git clone https://github.com/yourusername/prime-drink-frontend.git
cd prime-drink-frontendnpm installnpm run devYour app will be running at http://localhost:3000 π
npm run devβ Start the development server.npm run buildβ Create a production build.npm run startβ Start the app in production mode.npm run lintβ Lint the codebase using ESLint.
.
βββ components/ # Reusable UI components
βββ pages/ # Next.js pages and routes
βββ public/ # Static assets
βββ styles/ # Tailwind and custom styles
βββ utils/ # Helper functions (if any)
βββ tsconfig.json # TypeScript config
βββ tailwind.config.js # Tailwind customization
Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
