/shoppingApp

Your convenient online grocery store for random products.

Primary LanguageJavaScript

🛍️ Shopping App

Your convenient online grocery store for random products.

👀 Overview

The Shopping App simplifies your grocery shopping experience, bringing fresh produce directly to your doorstep. Our intuitive interface and streamlined checkout process make it effortless to browse, select, and order your favorite goods.

All the texts above are just AI-generated fancy bullshit. Feel free to ignore them.

⁉️ The Problem (aka Boredom Strikes Again)

  • Boredom strikes, leading to a desire for a fun coding challenge.
  • The thought: "Could I build an entire shopping app using mostly AI-generated code?"
  • The challenge is too tempting to ignore.

🛟 The Solution (aka AI to the Rescue)

  • Embracing the challenge, teaming up with AI tools.
  • AI does about 69% of the work, writing code, documentation, and offering design suggestions.
  • The developer (aka me) refines, debugs, and customizes the AI-generated output.
  • Result: A functional online grocery store!

🍏 Features

  • Product Details: View detailed information about each item, including photos, descriptions, and nutritional facts.
  • Simple Shopping Cart: Add and remove items easily, and view your total as you shop.
  • Guest Checkout: Order without creating an account for a quick and hassle-free experience.
  • Account Creation: Create an account to track orders and manage shopping preferences.
  • Order History: View your past orders and easily reorder your favorites.
  • Mobile-Friendly Design: Shop on the go with our responsive design that adapts to your device.

📸 Screenshots

🚀 Technologies Used

skills skills skills skills skills skills skills skills

🛠️ Setup (for Developers)

  1. Clone the Repository: git clone https://github.com/melvinchia3636/shoppingApp
  2. Install Dependencies:
    • Frontend: cd client && npm install
    • Backend: cd server && npm install
  3. Environment Variables:
    • Create a .env file in the server directory and add your database connection string and JWT secret key:
      • DATABASE_URL=<your database connection string>
      • SECRET_KEY=<your JWT secret key>
  4. Run the App:
    • Frontend: npm start (in the client directory)
    • Backend: npm start (in the server directory)

🚦 Current Status

All the core functions for this project have been completed. If you happen to find any bugs, feel free to file an issue in this GitHub Repo.

🤝 Contributing

We welcome contributions! If you'd like to help us make Shopping App even better, please open an issue or submit a pull request.

📝 License

This project is licensed under the MIT License.

🙌 Acknowledgments

Thanks to the Gemini AI for writing the code for me lol.

Happy shopping! 🍏🥦🥕