Ladies Shoe

Project live site link Ladies Shoe.

Backend or server site github code link Bankend code.

Benefits of this project

• If users login then they can go to the dashboard and manage some tasks. Like he can see my orders, pay, add a review. Reviews are dynamic. After reviewing, the reviews will be added to the review section of the home page.
• Admin can make another user an admin, if he wants.
• There is an Admin panel. An admin can also manage some tasks. Like adding products, managing products, managing orders etc.
• If the user doesn't login, click the purchase button then he will go to the login page. And after login success he will go to the purchase page automatically.
• This website helps to buy ladies shoe
• There are world faouse ladies shoe in our shop and anyone can buy from home.
• Anyone can pre order from this web site.
• This Web site can save time from customer.
• This Web site will have payment method after few days.

Tools for this project

• HTML
• CSS
• Bootstrap
• Font Awesome Icon
• React Toastify
• React Rating
• React JS
• Node JS
• Firebase
• Express JS
• Mongodb
• React Router Dom
• React hook form
• React-reveal

Description

Before start:

Jhangkar Mahbub Bhai has asked to do this project as an assignment. Almost everything I have learned in four months has to be applied in this project. There is some fear in the mind. But there is nothing to do. Fear must be overcome. However, I decided to create a Ladies Shoe project. Let's see how much I can do.

React Router:

First, I install react router and setup it on app.js. And connect some pages with router. To install react router I had to command npm install react-router-dom. The version of react router dom is v5.3.0

Bootstrap:

In this project I use Bootstrap. Becouse we can Quickly design and customize responsive mobile-first sites with Bootstrap.

Font Awesome:

To interective this project I use some icon from fontaweome.com.

React Toastify

React-Toastify allows us to add notifications to our app with ease. No more nonsense!

Firebase:

I include firebase authentication in react project. There are two type authentication. One is email-password sign in and another is google sign in method.

React hook form:

For create a form I used react hook form. Becouse it's very easy and it save a lot of time. If I use react hook form I don't have to use useState to take every single input value.

CRUD:

Post method is one of the importent method in CRUD operation. You can insert services from client site. And it's totally dynamic. It's pretty coll right?

Error handling:

If you want to do a project, you have to read many problems. They have to be solved gradually. I also faced some problems while doing this project. E.g.

• Brower reload issue
• syntex error
• type error