Vitality - Health Drink E-commerce Platform

A modern, accessible e-commerce platform built with Next.js for selling health drinks. This project features a beautiful, responsive design with a focus on user experience and performance.

Live site here: https://enbattle.github.io/vitality/

🚀 Features

• 🛍️ Product catalog with detailed product pages
• 📱 Fully responsive design
• ♿ Accessible UI components using Radix UI
• 🎨 Modern design with Tailwind CSS
• ⚡ Fast performance with Next.js and Turbopack
• 📝 Blog section for health and wellness content
• 📧 Newsletter subscription
• 🚚 Shipping information
• 📋 FAQ section
• 👥 Careers page
• 🌱 Sustainability information
• 🔒 Privacy policy

🛠️ Tech Stack

• Framework: Next.js 15.1.7
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI
• Animations: Framer Motion
• Development: Turbopack
• Linting: ESLint
• CSS Processing: PostCSS

📦 Prerequisites

• Node.js 18.x or later
• npm or yarn package manager

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/yourusername/vitality.git
   cd vitality

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 with your browser to see the result.

🏗️ Project Structure

src/
├── app/              # Next.js app router pages
├── components/       # Reusable React components
│   └── ui/          # UI components using Radix UI
├── hooks/           # Custom React hooks
└── lib/             # Utility functions

📝 Available Scripts

• npm run dev - Start development server with Turbopack
• npm run build - Build the application
• npm run start - Start the production server
• npm run lint - Run ESLint
• npm run deploy - Build and deploy the application (via GitHub pages)

🔒 Environment Variables

Create a .env.local file in the root directory with the following variables:

# Add your environment variables here

📱 Responsive Design

The application is fully responsive and optimized for:

• Desktop
• Tablet
• Mobile devices

🚀 Deployment

The project includes a custom deployment script (deploy.js) for automated deployments. To deploy:

npm run deploy

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Next.js team for the amazing framework
• Radix UI for accessible components
• Tailwind CSS team for the utility-first CSS framework

Disclaimer

This is just a sample of a e-commerce platform project. Not all functionalities and implementations are included