trendmart-app-next Tailwind Templates

Trendmart App Next

This is a ecommerce application of NextJs 14 with app routing system, Tailwind CSS.

TrendMart

Description

TrendMart is a fully responsive e-commerce application designed to sell fashion-related items for men, women, and kids. It features a dynamic admin dashboard for managing products and users. This is a Next.js project bootstrapped with create-next-app.

Table of Contents

Installation

  1. Clone the repository: ```bash git clone https://github.com/hridoy00005/trendmart-app-next.git
  2. Navigate to the project directory: cd trendmart-app-next
  3. Install dependencies: npm install or bun install

Usage

To start the development server, run: npm run dev or bun dev

Features

  1. User authentication (Login/Signup/Reset Password)
  2. Product catalog management
  3. Shopping cart and checkout
  4. Admin dashboard with product and order management

Technologies Used

  1. Next.js
  2. Redux Toolkit
  3. Tailwind CSS
  4. AntD
  5. Axios
  6. MongoDB(database)
  7. Node.js (Backend)

Screenshots

Home page with Navbar, Hero section and Trending Items. Home Page Screenshot

Footer section with Displayed Some Kid's Items. Footer Section Screenshot

Account page with Order, Favourites, Address and Profile Categories. Account Page Screenshot

Men Categories page with Filtered T-Shirt. Men Categories Screenshot

Product Details page. Product Details Screenshot

Size Guide page. Sizeguide Screenshot

Cart page. Cart Page Screenshot

Checkout page. Checkout Page Screenshot

First, run the development server:

npm run dev
# or
yarn dev


Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

Top categories

Loading Svelte Themes