akashrajakku / UrbanMarket

An E-commerce site using Vite+React , HTML, CSS and Javascript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Urban Market πŸ›’πŸŒŸ

Urban Market is an innovative e-commerce platform designed to enhance your online shopping experience. Developed using React and Firebase, Urban Market combines advanced technology with user-centric design principles to offer a seamless, efficient, and engaging shopping experience.

Key Features 🌟

  • Effortless Shopping πŸ›οΈ: Browse a diverse range of products and easily add them to your cart with an intuitive interface.
  • Secure Payments πŸ’³: Benefit from secure transactions with integrated Razorpay for peace of mind.
  • User/Admin Login πŸ”: Access separate portals for users and admins, tailored to meet specific needs and enhance the user journey.
  • Dynamic Dashboard πŸ“Š: Admins can efficiently manage products, orders, and user accounts through a powerful dashboard.
  • Personalized Experience 🎨: Enjoy a customized interface that adapts to your preferences, whether shopping or managing the platform.
  • Interactive Design πŸŽ₯: Immerse yourself in a visually engaging environment designed to improve your browsing and shopping experience.

Demo 🌟

Experience Urban Market-

WhatsApp Image 2024-08-03 at 10 46 45 AM
image
WhatsApp Image 2024-08-03 at 10 46 45 AM (1)
image
image

Tech Stack πŸ› οΈ

  • Frontend: React.js
  • Backend: Firebase
  • Payment Integration: Razorpay
  • Other Tools: Git for version control, Figma for design

Installation πŸ’»

  1. Clone the repository πŸ™:

    git clone https://github.com/username/urban-market.git
    cd urban-market
  2. Install dependencies πŸ“¦:

    npm install
  3. Set up environment variables πŸ”‘: Create a .env file in the root directory and add your Firebase and Razorpay configuration:

    REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
    REACT_APP_RAZORPAY_KEY_ID=your_razorpay_key_id
    
  4. Run the application ▢️:

    npm start
  5. Build the application for production πŸ—οΈ:

    npm run build

Usage πŸš€

  • Shopping: Explore products, add items to your cart, and proceed through a streamlined checkout process.
  • Admin Dashboard: Manage products, view orders, and oversee user accounts with ease using the dynamic dashboard.
  • Secure Transactions: Complete purchases securely with Razorpay integration.

Contributing 🀝

We welcome contributions from the community! To contribute:

  1. Fork the repository 🍴.
  2. Create a new branch: git checkout -b feature-name 🌿.
  3. Make your changes and commit them: git commit -m 'Add some feature' πŸ’¬.
  4. Push to the branch: git push origin feature-name πŸš€.
  5. Submit a pull request πŸ“₯.

License πŸ“„

This project is licensed under the MIT License. See the LICENSE file for details.

Contact πŸ“§

For inquiries or support, please contact to the ower of the repo.


Thank you for exploring Urban Market! We hope it transforms your online shopping experience with its seamless and interactive design. πŸ›’πŸŒŸ

About

An E-commerce site using Vite+React , HTML, CSS and Javascript


Languages

Language:JavaScript 99.6%Language:HTML 0.4%Language:CSS 0.0%