Giter Club home page Giter Club logo

react-shop-app's Introduction

Hello, My Friends
Thank you for having interest in this repository !

To use this application,

  1. make dev.js file inside config folder
  2. put mongoDB info into dev.js file
  3. Type " npm install " inside the root directory ( Download Server Dependencies )
  4. Type " npm install " inside the client directory ( Download Front-end Dependencies )

If you have problem, feel free to ask me ^^

You can watch the tutorial for this app.

https://www.youtube.com/watch?v=zaWtIkJgah4&t=5569s

react-shop-app's People

Contributors

jaewonhimnae avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-shop-app's Issues

Starting App Error

I got this error on starting the application

[0] [nodemon] app crashed - waiting for file changes before starting...
[1] [HPM] Proxy created: / -> http://localhost:5000
[1] i 「wds」: Project is running at http://192.168.56.1/
[1] i 「wds」: webpack output is served from
[1] i 「wds」: Content not from webpack is served from D:\Learn\shopping-mern\client\public
[1] i 「wds」: 404s will fallback to /

the application running but cant access such function because of this error

[HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

Any idea to fix this?

product view doesn't aggregate

Hi John Ahn!
Thank you for the tutorial ! how can i view and increment the views count of products ? i really would like to keep it simple
without the needs to use other packages/technologies

Access control

Hello Jaewon,
I wanted to say that i really appreciate your work man, i am working on an e-commerce project for school and your tutorial was very helpful. Thank you very much

Otherwise i need your help, what should i do if i want only the admin to upload new products ? I am kind of new to Full Stack Development and this is my first real world project. I want to hide the upload menu for normal users. I get a lot of errors every time I try to change something in the code.

Can you please help me ?
Also i hope you and your family are well, please stay at home and take care ;)

authentication problem

i get problem in Authentication when i login...i tested APIs by postman it work fine but when i use it in frontend (actions) it shows isAuth: false , error: true
while i test it in postman it gives the user details.
i dont know where is the problem...
Please help

code of API :
router.get("/auth", auth, (req, res) => { console.log("Authentication") res.status(200) .json({ _id: req.user._id, isAdmin: req.user.role === 0 ? false : true isAuth: true, email: req.user.email, name: req.user.name, lastname: req.user.lastname, role: req.user.role, cart: req.user.cart, history: req.user.history }); });

code of user_actions:
const auth = () => { console.log("Authenticationfront"); const request = axios.get(http://localhost:8000/api/users/auth`)
.then(response => response.data);
return {
type: AUTH_USER,
payload: request
}
}
`

PLEASE HELP!!

Connection error

HPM] Error occurred while trying to proxy request /api/product/getProducts from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)
[1] [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)
[1] [HPM] Error occurred while trying to proxy request /api/product/getProducts from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)
[1] [HPM] Error occurred while trying to proxy request /api/users/auth from localhost:3000 to http://localhost:5000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)
Error occurred while trying to proxy request

npm run dev returns the error above and I was not able to find the answer from the posted youtube tutorial.

Load more button display doesn't work properly

The way you implement checking if there are more products to load is a little off. If let's say the Limit is 5 and you've already loaded 10 items, but there are no more in the db the button will show until you press it again. I mean it's not a big deal, but still kinda poor implementation from a user experience point of view

cannot get /

I haven't changed anything from the code except for adding the mongoDB URI in the dev,js. When I start the server, the browser only displays cannot get / for localhost: 5000.

Access to the admin

I already did the path for admins only, how can I make the right menu for admin only? I can only check is the user is auth'ed and no idea what to add for admin statement

Failed to upload and save the image

Upload the product works, except for saving the image. I am able to connect to the database and upload the product. I am not sure the difference between upload image and upload a product. Is there any fix not being merged to this code or anything else(other than mongoURI) needs to be modified?

Thanks for any help!

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.