Git Product home page Git Product logo

shoppingapp's Introduction

๐Ÿ›๏ธ 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! ๐Ÿ๐Ÿฅฆ๐Ÿฅ•

shoppingapp's People

Contributors

melvinchia3636 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.