Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
32 commits
Select commit Hold shift + click to select a range
00f355a
add appBar at the top
ShrutikaSingh Sep 24, 2023
6cf8f63
add routes in the app
ShrutikaSingh Sep 24, 2023
2657679
upate app bar with menus and mui
ShrutikaSingh Sep 24, 2023
90084c7
add manage account option and logic to store in localstorage
ShrutikaSingh Sep 24, 2023
7286670
add grocerycard and connect to fake api
ShrutikaSingh Sep 24, 2023
7dc9686
add grocery list with image and functionality to edit and delete
ShrutikaSingh Sep 24, 2023
5227db5
add web speech recognisation
ShrutikaSingh Sep 24, 2023
d7a5fcf
update actions button
ShrutikaSingh Sep 24, 2023
79d0c94
update home design
ShrutikaSingh Sep 24, 2023
dd89494
add share email modal box
ShrutikaSingh Sep 24, 2023
88c078a
update design of modal
ShrutikaSingh Sep 24, 2023
9cee80f
add cart icon
ShrutikaSingh Sep 24, 2023
4697042
update manage account
ShrutikaSingh Sep 24, 2023
42045d0
fix the share dialogue box
ShrutikaSingh Sep 24, 2023
9046325
update the CardComponent design
ShrutikaSingh Sep 24, 2023
3b47243
update edit and delete
ShrutikaSingh Sep 24, 2023
e37879a
update home page design to display products
ShrutikaSingh Sep 25, 2023
8d171a2
update search to make it case insenstive
ShrutikaSingh Sep 25, 2023
6c821cb
update add button
ShrutikaSingh Sep 25, 2023
a537429
lift product state to app component to be used by store
ShrutikaSingh Sep 25, 2023
c74ef56
update store to show product list and print
ShrutikaSingh Sep 25, 2023
3e9cdbe
add manage account and logout
ShrutikaSingh Sep 25, 2023
36c31d2
update logout to clear localstorage
ShrutikaSingh Sep 25, 2023
3f39605
update share functionality
ShrutikaSingh Sep 25, 2023
0ef9fd1
add delete functionality
ShrutikaSingh Sep 25, 2023
63ab189
update store
ShrutikaSingh Sep 25, 2023
f5bbf70
update logout in store
ShrutikaSingh Sep 25, 2023
3db4d56
update manage account
ShrutikaSingh Sep 25, 2023
9fc1649
chage the titile of app
ShrutikaSingh Sep 25, 2023
3b207f6
add comments
ShrutikaSingh Sep 25, 2023
09ff531
Update README.md
ShrutikaSingh Sep 25, 2023
d032e89
Update README.md
ShrutikaSingh Sep 25, 2023
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 35 additions & 38 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,70 +1,67 @@
# Getting Started with Create React App
# The Grocery App is deployed at https://651107d5e678fa4a7da8b936--jade-choux-012a7d.netlify.app/

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts
## The app has the functionality to display grcoerylist, add new item via textual entry or voice record, print store, share grocery list via email, manage account, logout

In the project directory, you can run:
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/e8a749a7-7401-4304-9f66-6f96ed224ea2)

### `npm start`
## Login via username, it stores the username in local storage

![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/d398e7b6-5e72-43c4-965c-135e88760552)

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.
## Displays different products with name, description image , price etc

### `npm test`
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/e02456e9-5a7a-47d9-874c-437c1af81c19)

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`
## Voice Feature to record and add product, matches the products if its already present or not, if not then its add new product

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/bf3d97c2-5142-40c5-85b5-53efbc4db541)
In figure above, noodles got added on voice record

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
## Manual Entry Feature to add products

### `npm run eject`
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/f3cdb4b2-37c7-44a6-945d-991e82227fd4)

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
## Table for Store on adding new product the store items update and shows products in table format
On click of carticon on top, its takes to store

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/cecb2308-8733-4808-a927-9a89c1987aa1)

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More
## Share icon to share auto populated products list email anyone

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/cf1426a3-0f21-4b5a-a685-378846e26615)

To learn React, check out the [React documentation](https://reactjs.org/).
![image](https://github.com/ShrutikaSingh/programming-challenge-fall23/assets/42492660/00bda364-b1a0-4060-bd9f-ff241ae615bb)

### Code Splitting
## Print the store

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/4dd3595b-8e94-47b8-9719-3e78c166b179)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
## Manage Account to see the username with option to delete username

### Making a Progressive Web App
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/ceb01f25-b156-4f7d-b362-1a3dc700343d)

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration
## Logout functionality
The red logout icon at the right of app is used to logout
![image](https://github.com/isi-usc-edu/programming-challenge-fall23/assets/42492660/fa7612d6-79c4-47ff-ae7b-96e22bbfa292)

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

### `npm run build` fails to minify
## To run the project, below script you have to run

### git clone <repo>
### cd <product directory>
### `npm install`
### `npm start`
### Open [http://localhost:3000](http://localhost:3000) to view the grocery app in chrome browser.

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
Loading