https://github.com/younusaliakash/mern-emarket-ecommerce-client-site
A front end design and development project at a very basic level. Where a minimalistic backend is used for near real-time front-end application development. A very nice user interface has been tried to be realized.
https://github.com/younusaliakash/mern-emarket-ecommerce-client-site
css firebase reactjs ui-components
Last synced: 3 months ago
JSON representation
A front end design and development project at a very basic level. Where a minimalistic backend is used for near real-time front-end application development. A very nice user interface has been tried to be realized.
- Host: GitHub
- URL: https://github.com/younusaliakash/mern-emarket-ecommerce-client-site
- Owner: younusaliakash
- Created: 2021-04-27T15:52:07.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-04-27T15:54:01.000Z (about 4 years ago)
- Last Synced: 2025-02-01T05:23:32.263Z (5 months ago)
- Topics: css, firebase, reactjs, ui-components
- Language: JavaScript
- Homepage:
- Size: 218 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# __E-Market Ecommerce__
Live Link: https://emarket-ecommerce-site.web.app/
## **_Website features_** :
> User can see Different Rpducts card in Home UI
> If the user hovers on the team card then the user will watch a mind-blowing effect.
> Users can buy any product by click BUY NOW button. If the user does not log in the this site it will show the login page before the show the checkout page. after login successfully system redirects to the Checkout page. On that page, the user will see the product which he BUY. after complete checkout user will get a notification about order complete or not. If the user visits the orders page user will see about his order history.
> If any user wants to add or remove any product, the user can do it from the admin page. the user adds a product using the product name, weight, price, and image on the add product menu of the admin page dashboard. and users can manage products from the manage product menu. but for those tasks user must be logged in to the site. otherwise, the system will be redirected to the log-in page.
> Add product will be available in home UI and delete product will be no longer to Home UI.
## **_Usage Function_** :
1. Hooks
* useEffect()
```js
useEffect(() =>{
fetch("url")
.then((response) => response.json())
.then( data => setData(data))
},[])
```
* useState()
```js
const [name, setName] = useState([])
```
* useParams()
```js
const {id} = useParams()
```
2. React Router
* Router
* Route
* Switch
* Link
3. Authentication System (Using Firebase)
* Create account by Email and Password
* Log in Using social Provider
* Log in using exiting email and password.
4. CRUD (Using MongoDB)
| Thank you very much. |
| ------------- |