FreshCart - A Next.js E-commerce Application

FreshCart is a modern, feature-rich e-commerce application built with Next.js, TypeScript, and Tailwind CSS. It offers a seamless shopping experience with a clean, intuitive user interface.

Features

  • Product Listing: Browse products with detailed views.
  • Cart Functionality: Add and manage products in your cart.
  • Product Management: View and manage products in your cart.
  • Responsive Design: Enjoy a consistent experience on any device.
  • Page Transition: Enjoy smooth transition between routes.
  • Page Transition: Enjoy smooth transition between routes.
  • State Persistence: Your cart items and user session are saved across tabs refresh for a seamless shopping experience.

Getting Started

To set up FreshCart on your local machine, follow these steps:

  1. Clone the Repository
    git clone https://github.com/mohdashraf010897/shopping-app
  2. Install Dependencies
    npm install
    # or
    yarn
  3. Start the Development Server
    npm run dev
    # or
    yarn dev
    Visit http://localhost:3000 in your browser to view the app.

Note: You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Project Structure

  • components/: React components.
  • constants/: Constant values.
  • styles/: Global CSS styles.
  • types/: TypeScript type definitions.
  • utils/: Utility functions.
  • pages/: Application pages.
  • public/: Static files like images.

Code Style

  • ESLint: Code linting configured in .eslintrc.json.
  • Prettier: Code formatting configured in .prettierrc.

Deployment

Deploy your Next.js app effortlessly using the Vercel Platform from the creators of Next.js. Check out the Next.js deployment documentation for more details.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

Learn More

License

This project is open source and available under the MIT License.