https://github.com/gealsanchez/ecommerce

Ecommerce Project shows and stores data about user purchases, when the user creates an order the admin receives an email with the related info and also it gets saved in the JSON Server, each user can check its own orders
https://github.com/gealsanchez/ecommerce

css html5 json-server json-server-auth react tailwindcss

Last synced: 19 days ago
JSON representation

Ecommerce Project shows and stores data about user purchases, when the user creates an order the admin receives an email with the related info and also it gets saved in the JSON Server, each user can check its own orders

• Host: GitHub
• URL: https://github.com/gealsanchez/ecommerce
• Owner: gealsanchez
• License: mit
• Created: 2024-05-15T19:46:10.000Z (8 months ago)
• Default Branch: dev
• Last Pushed: 2024-06-17T22:06:14.000Z (7 months ago)
• Last Synced: 2024-11-03T16:36:44.458Z (2 months ago)
• Topics: css, html5, json-server, json-server-auth, react, tailwindcss
• Language: JavaScript
• Homepage: https://ecommerce-beer-bog.netlify.app/
• Size: 831 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




React Ecommerce Project




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 React Project 

**Ecommerce Project** shows and stores data about user purchases, when the user creates an order the admin receives an email with the related info and also it gets saved in the JSON Server, each user can check its own orders

![Screenshot from 2024-06-03 00-53-51](https://github.com/gealsanchez/ecommerce/assets/94255143/7422969d-f802-48ee-9be1-8067a2564064)

![Screenshot from 2024-06-03 00-54-07](https://github.com/gealsanchez/ecommerce/assets/94255143/60ab09bb-aba0-4f47-9af5-a0680a467d06)

![Screenshot from 2024-06-03 00-54-18](https://github.com/gealsanchez/ecommerce/assets/94255143/0f5fe311-838d-48df-80ff-ace2a30c4d72)

![Screenshot from 2024-06-03 00-54-47](https://github.com/gealsanchez/ecommerce/assets/94255143/5961ae16-676b-4e85-832d-2b10839ac203)

![Screenshot from 2024-06-03 00-57-31](https://github.com/gealsanchez/ecommerce/assets/94255143/f9424dd5-675e-4cc2-8272-02a838940fe8)

![Screenshot from 2024-06-03 00-57-47](https://github.com/gealsanchez/ecommerce/assets/94255143/ad64718e-43a4-4d93-90b5-bbf7a4fafaad)

![Screenshot from 2024-06-03 00-58-17](https://github.com/gealsanchez/ecommerce/assets/94255143/b8984439-4749-4267-bf78-759f57fb982c)

![Screenshot from 2024-06-03 00-59-08](https://github.com/gealsanchez/ecommerce/assets/94255143/bb330e59-b2d9-4f12-95ba-0176f547698f)

![Screenshot from 2024-06-03 01-01-45](https://github.com/gealsanchez/ecommerce/assets/94255143/31961876-bad2-42b6-b731-e632943ade5a)

## 🛠 Built With 

 - HTML

 - CSS

 - JavaScript

 - React

 - Webpack

 - Tailwind

### Tech Stack 

  Client

  


    
React.js

  


### Key Features 

- **Single Page Application**

- **React components**

- **React props**

- **Handle events in a React app**

- **Use styles in a React app**

- **Use Tailwind in a React app**

- **Dynamic Screen Feature**

- **Navigation**

- **Dark Mode Enabled**

- **Search Feature**

- **JSON Server**

- **JSON Server Auth**

(back to top)


## 🚀 Live Demo 

- - [Live Demo Link](https://ecommerce-beer-bog.netlify.app/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- node.js

- git

### Setup

Clone this repository to your desired folder:

- Open your terminal

- Navigate to the directory where you want to clone the project.

- Clone the project using by running the following command:

`git clone https://github.com/gealsanchez/ecommerce.git`

### Install

Install this project using the following command: 

`npm install`.

### Usage

To run the project, execute the following commands:

- `npm run build`

- `npm start`

### Run tests

There is no tests to run by now

(back to top)


## 👥 Authors 

👤 **Gerson SANCHEZ**

- GitHub: [@githubhandle](https://github.com/gealsanchez)

- Twitter: [@twitterhandle](https://twitter.com/gealsanchez)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gerson-sanchez-88309b57/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse and Shubham Sarda (Original design idea).

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)