CityShop - FreshEats Online Store

Welcome to CityShop, your one-stop online store for all things fresh and delicious. Built with cutting-edge technologies and designed for an exceptional user experience, CityShop is the future of online grocery shopping.

Some of CityShop Screenshots

Features

• Responsive for All Devices: CityShop is designed to provide a seamless experience on any device, whether you're shopping from your desktop or on the go with your mobile device.

• User Sign Up and Login: Easily create an account or log in to access personalized shopping, order history, and more.

• MongoDB for Database: We leverage MongoDB, a powerful NoSQL database, to ensure efficient data storage and retrieval.

• RESTful API: Our RESTful API makes data transfer smooth and efficient, ensuring a fast and reliable shopping experience.

• Admin Product Management: Admin users can effortlessly add products to keep our catalog fresh and up-to-date.

• Add to Cart: Conveniently add products to your cart with just a click, making shopping a breeze.

• Cart Customization: Easily adjust the quantity of items in your cart, remove unwanted items, and see your total in real-time.

• Stripe Payment Integration: We offer secure and convenient payment processing through Stripe, ensuring a smooth checkout process.

• Category-Based Product Display: Find exactly what you're looking for with our organized product categories.

• React Toast Notifications: Stay informed with pop-up notifications powered by React Toast.

• Express.js Backend: Our robust backend is built using Express.js, providing fast and efficient server-side operations.

• Redux State Management: Utilizing Redux, we manage application state seamlessly, ensuring a smooth user experience.

• Tailwind CSS Styling: Our modern and visually appealing UI is crafted using Tailwind CSS, providing a polished and aesthetic design.

• Profile Picture Upload: Personalize your account by uploading a profile picture during the sign-up process.

Technologies Used

• React
• Node.js
• MongoDB
• Express.js
• Redux
• Stripe API
• Tailwind CSS

Live Demo

Experience the flavors of CityShop by visiting Live Demo

Installation

To run CityShop locally, follow these steps:

1. Clone this repository.

  git clone https://github.com/Khalidur-sujon/CityShop.git

2. Navigate to the project folder.

cd CityShop

3. Install dependencies using npm install for both the server and client folders.
4. Set up your MongoDB database and provide the connection URI in the server configuration.
5. Set up your Stripe API keys in the client configuration.
6. Run the server and client using npm start.

Contributing

We welcome contributions from the community. Whether it's bug fixes, feature enhancements, or documentation improvements, your help is greatly appreciated.