https://github.com/iamasadshah/piaic-q2-project
PIAIC Quarter 2 Project.
https://github.com/iamasadshah/piaic-q2-project
nextjs14 tailwindcss typescript
Last synced: 3 months ago
JSON representation
PIAIC Quarter 2 Project.
- Host: GitHub
- URL: https://github.com/iamasadshah/piaic-q2-project
- Owner: iamasadshah
- Created: 2024-09-02T06:51:32.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-01-23T15:11:54.000Z (4 months ago)
- Last Synced: 2025-01-23T16:25:00.639Z (4 months ago)
- Topics: nextjs14, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://piaic-q2-project.vercel.app
- Size: 1.85 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dine Market - Modern E-commerce Platform
A full-stack e-commerce platform built with Next.js 14, featuring a modern UI, Sanity CMS integration, and responsive design.
## 🌟 Features
- **Modern UI/UX**: Clean and responsive design built with Tailwind CSS
- **Next.js 14**: Utilizing the latest features of Next.js for optimal performance
- **Sanity CMS Integration**: Headless CMS for flexible content management
- **Dynamic Product Catalog**: Real-time product updates and management
- **Responsive Design**: Seamless experience across all devices
- **Custom Components**: Built with Radix UI and styled-components
- **TypeScript**: Type-safe code for better development experience
## 🛠️ Tech Stack
- **Frontend**:
- Next.js 14
- React 18
- TypeScript
- Tailwind CSS
- Radix UI Components
- React Icons
- **Backend & CMS**:
- Sanity.io
- Next-Sanity Integration
- **Development Tools**:
- ESLint
- PostCSS
- TypeScript
## 🚀 Getting Started
1. **Clone the repository**
```bash
git clone https://github.com/iamasadshah/piaic-q2-project.git
cd dine-market
```
2. **Install dependencies**
```bash
npm install
```
3. **Set up environment variables**
Create a `.env` file in the root directory and add necessary environment variables.
4. **Run the development server**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## 📂 Project Structure
```
dine-market/
├── src/
│ ├── app/ # Next.js app directory
│ ├── components/ # Reusable UI components
│ └── ...
├── public/ # Static assets
├── sanity/ # Sanity CMS configuration
└── ...
```
## 🔧 Configuration
- The project uses Next.js 14 with the App Router
- Tailwind CSS for styling
- Sanity.io as the headless CMS
- TypeScript for type safety
## 🌐 Deployment
The application can be easily deployed on Vercel:
## 📝 License
This project is licensed under the MIT License - see the LICENSE file for details.
## 👨💻 Author
Asad Shah - [[Portfolio](https://iamasadshah-ibnerafi.vercel.app/)]
---
Built with ❤️ using Next.js and Sanity.io