Your convenient online grocery store for random products.
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.
- 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.
- 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!
- 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.
![](https://private-user-images.githubusercontent.com/64565584/340081459-c499328a-76dc-48c9-9f0a-1070251ce08c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODE0NTktYzQ5OTMyOGEtNzZkYy00OGM5LTlmMGEtMTA3MDI1MWNlMDhjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc2MTNjODUxYzI3NGE2NDI1OGFjYWYzM2FkYTMyYzQ0MmQxNzJhMTJmZDJmM2UxZDNmZTcyMDE0MmRhN2Q2YjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._a8e6ksHX5X9gDvKlEa1JKif3bBiG1ow7EawEclaKXE)
![](https://private-user-images.githubusercontent.com/64565584/340081180-0db4bc7c-69d8-4bb6-892c-a7df4f4f0def.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODExODAtMGRiNGJjN2MtNjlkOC00YmI2LTg5MmMtYTdkZjRmNGYwZGVmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY0ZjAzNzc0YzVmMjEyNTgyNzg2ZWQ2ODE5MDVhZTU0ZTNiYjRiODkyZDQxZGE3NzgxMTNhNWQ2OWRkZDQ0N2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._MQqz16PHfv2ldIQMdaWGwVr8VDJJ1ma8f0VIJkjh4c)
![](https://private-user-images.githubusercontent.com/64565584/340081120-1cb5ddfe-f772-4368-895d-aa39ba2cc1a6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODExMjAtMWNiNWRkZmUtZjc3Mi00MzY4LTg5NWQtYWEzOWJhMmNjMWE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTczOWQ0ZTJhODljOGI0Zjk5NTU3MjA1MTIzMTc1ZWUzZmE3ZmFhOThlMjBiMmU0MDRhZjgxZGYwZjE4MTgyNzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.eYNLpCiJrfeUf4AXfvIk8uN-N4NTWASYepY7FrmFNlA)
![](https://private-user-images.githubusercontent.com/64565584/340081096-e92ee6f2-f188-4040-9911-40cfc1adba86.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODEwOTYtZTkyZWU2ZjItZjE4OC00MDQwLTk5MTEtNDBjZmMxYWRiYTg2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNiZDhjMjJkYTEzOGRiNmNhNGFmNzM0NDkzNDMyZTcyMTgwZTIzYjk1NDQ1NGJlZDI1Y2RlNTM1ZmM0MTMyOTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.8Y-_YH45Ds1zoePuofhQ4WHyNZYT6La7wv0mJFd3oBQ)
![](https://private-user-images.githubusercontent.com/64565584/340081070-f24ba504-d521-4a07-86ec-b2bdcb87685e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODEwNzAtZjI0YmE1MDQtZDUyMS00YTA3LTg2ZWMtYjJiZGNiODc2ODVlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA2OGJlNTAxYWVjOGE3MGJhMDk2YjgyOWY1YmUyMmVkNzY5OGYxYTU0YzkyYTNhMWM2YTM0MjU1MmE3ODIxZDEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.k5RRPjFTyseLV8FAjW8rjo1WerzTwcQRSLnv1i8skmo)
![](https://private-user-images.githubusercontent.com/64565584/340081056-108b574e-e9fe-4b48-9c84-b7b15bbe5419.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMTg5NzUsIm5iZiI6MTcyNDExODY3NSwicGF0aCI6Ii82NDU2NTU4NC8zNDAwODEwNTYtMTA4YjU3NGUtZTlmZS00YjQ4LTljODQtYjdiMTViYmU1NDE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDAxNTExNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZiMWJiYzZhNmNhNDc2NDQzZWZmMTNjZThlNmE3MjIwMGY5MjNiNmExNDI3ZTU0MGY1NTk1NzkwMWYxMzEyMDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bilO2eEwKuAJU2zkIWKItiIchAG4nEMVZjTx4BBvKFM)
- Clone the Repository:
git clone https://github.com/melvinchia3636/shoppingApp
- Install Dependencies:
- Frontend:
cd client && npm install
- Backend:
cd server && npm install
- Frontend:
- Environment Variables:
- Create a
.env
file in theserver
directory and add your database connection string and JWT secret key:DATABASE_URL=<your database connection string>
SECRET_KEY=<your JWT secret key>
- Create a
- Run the App:
- Frontend:
npm start
(in theclient
directory) - Backend:
npm start
(in theserver
directory)
- Frontend:
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.
We welcome contributions! If you'd like to help us make Shopping App even better, please open an issue or submit a pull request.
This project is licensed under the MIT License.
Thanks to the Gemini AI for writing the code for me lol.
Happy shopping! 🍏🥦🥕