Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dulanjalisenarathna/e-shop

React Js E commerce app
https://github.com/dulanjalisenarathna/e-shop

e-commerce e-commerce-example e-commerce-project e-commerce-website firebase-auth firebase-authentication firebase-firestore react reactjs-ecommerce

Last synced: about 1 month ago
JSON representation

React Js E commerce app

Awesome Lists containing this project

README

        

# Eshop
A React js e commerce application.

---

### Made with ❤️ by [Dulanjali Senarathna](https://www.linkedin.com/in/dulanjali-senarathna/)

---

## Project Description

Eshop contains all the functionalities that a e commerce website should have. Users can sign up and login to the website using their email and password. Also, users can show all the products after successfull login. Users can add products to their shopping basket. Users can view the basket and remove items from the basket. When user removes the item from basket, cart total is update relevently.

## What I used

- [React](https://reactjs.org/)
- [React Context API](https://legacy.reactjs.org/docs/context.html)
- More...

## Requirements

- Basic ReactJs knowledge
- Basic HTML, SCSS knowledge

## Getting Started

After getting the starter files, you need to go the file directory and run

```shell
npm install
```

and after that start the dev server.

```shell
npm start
```

## Tools Used

1. Code Editor: [VS Code](https://code.visualstudio.com/)

---

## FAQ

### Q: What are the prerequisites?

basics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.

### Q: Who the project is for?

The project is for the people who wanna get more skilled in `ReactJs`.

---

## Feedback

If you have any feedback, please reach out to us at [Dulanjali Senarathna](https://www.behance.net/dulanjasenarathna)

Happy Coding! 🚀

# Website's screenshots

## Home page

![1](https://github.com/DulanjaliSenarathna/e-shop/assets/59603716/e2d63a22-1eb0-477d-94db-bc5205058cb9)

## Login page
![3](https://github.com/DulanjaliSenarathna/e-shop/assets/59603716/7b12c7d8-01d6-4df1-b64f-6e857a2bb51c)

## Cart
![2](https://github.com/DulanjaliSenarathna/e-shop/assets/59603716/a652aec9-3e92-4e48-b9d4-16c1f54667fd)