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.
- 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.
To set up FreshCart on your local machine, follow these steps:
- Clone the Repository
git clone https://github.com/mohdashraf010897/shopping-app
- Install Dependencies
npm install # or yarn
- Start the Development Server
Visit
npm run dev # or yarn dev
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.
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.
- ESLint: Code linting configured in
.eslintrc.json
. - Prettier: Code formatting configured in
.prettierrc
.
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.
Contributions are welcome! Feel free to open an issue or submit a pull request.
- Next.js Documentation - Learn about Next.js features and API.
- Learn Next.js - An interactive Next.js tutorial.
This project is open source and available under the MIT License.