E-commerce Project
This project is an E-commerce platform designed to provide users with a convenient and seamless shopping experience. It aims to offer a wide range of products, smooth checkout processes, and efficient management of orders.
Frontend:
HTML, CSS, JavaScript
React.js (frontend library)
Bootstrap (for basic CSS)
Backend:
Node.js
Express.js
MYSql (database)
Authentication:
JSON Web Tokens (JWT)
Other tools:
Git (for version control)
Installation
Deployed on Netlify & Render..
Please Note: Application will take some time to boot up
git clone https://github.com/4mubarak/E-Commerce-react-node-mysql.git
cd server
npm install
npm run start
npm run debug // if you want to start node js in debug mode
-
make sure you have correct env file configured
-
If facing any issue in installing packages try & delete package-lock.json filre & try again
cd client/
npm install
npm run start
-
make sure you have correct env file configured
-
If facing any issue in installing packages try & delete package-lock.json filre & try again
We are using Mysql in this project.
In database folder we have createTables.sql use this file to create table in MySQL.
If facing any issue with DB connection check connection.js for configuration
![Login Page](https://private-user-images.githubusercontent.com/60847613/313065366-8fcc4bae-eebb-49db-be70-25e79dcc0767.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzNjYtOGZjYzRiYWUtZWViYi00OWRiLWJlNzAtMjVlNzlkY2MwNzY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFhYWY5NjZkN2JjODU0YjZmNDBhYzEwOGQ1MzIzNjkyOWNkYTQ0MWY5NTFlZjcwYTAzZTY2ODQ2NDAzYmI1OGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.8ZiJMdWlzQz5C-wyDijLroII96GBFdn5EEBv9lFYeNo)
![Register Page](https://private-user-images.githubusercontent.com/60847613/313065380-082d5432-5cdd-4a25-a2d4-e5f50a2e3f29.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzODAtMDgyZDU0MzItNWNkZC00YTI1LWEyZDQtZTVmNTBhMmUzZjI5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY3OWIyMjhkNGNmNzhkOTlmZTMyOTY5MWE5ODNlNTk3MjEwOGU2OWRhYTM3NzUzMTgyMDcwMGYyNGQ5YTE3NDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IHpPtkyamXYhkKwepqELrbvpjI92sgDg2W7jAxm6YCY)
![Add Product Product List](https://private-user-images.githubusercontent.com/60847613/313065336-88eb3f6a-d641-40d6-a039-00d864a75dfa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzMzYtODhlYjNmNmEtZDY0MS00MGQ2LWEwMzktMDBkODY0YTc1ZGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwYjk2NmRiNDI4YmI0MGQzZDU4NTJjNmFlNDkwODhjMDAzM2FiZDE4MDFkNGMwMzEwNTdjMjJkYTg1NDI1YWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.QNZaJAxZ7R21biEdP2ZdRwnOzHrsHJMD7nNyrbwa2dY)
![Order Details + Product in Order](https://private-user-images.githubusercontent.com/60847613/313065372-eb84e16f-3f72-4adc-b7d7-403510156789.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzNzItZWI4NGUxNmYtM2Y3Mi00YWRjLWI3ZDctNDAzNTEwMTU2Nzg5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA2NjA3NjlhMGEzMDBiMzA1NzBmMWNjM2IyNjkzYzg4NmYwNjA5YmUxYjRjYmZmZDY4NzViZDg4NjM5Y2MxZTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.R0N0-iJR8NJD_i7qGVCkPnZfKFOJ4RnwJ4zkCohGnpQ)
![Order List Page](https://private-user-images.githubusercontent.com/60847613/313065377-52ca11fe-86dc-457f-8447-571b2b48c615.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzNzctNTJjYTExZmUtODZkYy00NTdmLTg0NDctNTcxYjJiNDhjNjE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNjY2UyYmExOTVhYjMxYzQwODkyOWU4M2Y3NzVmMGYxZmJjYjJjYjQ0MjVjZTBkNDFmNjE5YTExNzQyZDMwMzUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._EZ4x27m_J8-uaI8JWmQGyDe0_Pa8duXaP2TE3fp6co)
![Update Product Past Order](https://private-user-images.githubusercontent.com/60847613/313065381-685b1bb5-ba2b-4472-ae61-1680b4c58081.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjUzODEtNjg1YjFiYjUtYmEyYi00NDcyLWFlNjEtMTY4MGI0YzU4MDgxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUwNDRmZGE4MWNhMjA0YzRlNDdlY2ZjNzg0OWY1MTFmMDAyNDYzZDlmMjc4YjI1M2QxMTRmZjU4ZWFhNmFkZTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sKsagqsbv8KQHC0LRk7h8CT5U2vtzVNai7B0Wca0OPU)
![Customer Past Orders](https://private-user-images.githubusercontent.com/60847613/313065845-76480874-98c6-44f3-a57e-d74b75e0ba51.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjU4NDUtNzY0ODA4NzQtOThjNi00NGYzLWE1N2UtZDc0Yjc1ZTBiYTUxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg5YTUwMGJiN2IxMmRhZmUzM2YwYzViNDhjNmEwMzNjYTNiMjJmYTZlYWFlMjNhMjQ4OTU0NjAxMWE4MDljZmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._JUaHHOjiimLd2_17l2IZNBvFTpSRQ1U5YYeKW4Jaq8)
![Product List Page](https://private-user-images.githubusercontent.com/60847613/313065852-c6c3391f-fb88-4724-8281-5f6f6aec6080.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjU4NTItYzZjMzM5MWYtZmI4OC00NzI0LTgyODEtNWY2ZjZhZWM2MDgwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzOWQxNjc2ODRjODUwNmJlNDVmZTgyODBjNjY2MTg4NWQ5OGZmZDZhMDgzODZlMDg4NGIxMWE0NzkxMTFmNDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.QmTpYh96gpXx3J9WAitHIcQOM_qRHJxfy6fgf3qphrs)
![Shopping Cart Buy](https://private-user-images.githubusercontent.com/60847613/313065868-df4305e7-f2b7-4ee6-985a-30debb74ab4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ4NjYwNzgsIm5iZiI6MTcyNDg2NTc3OCwicGF0aCI6Ii82MDg0NzYxMy8zMTMwNjU4NjgtZGY0MzA1ZTctZjJiNy00ZWU2LTk4NWEtMzBkZWJiNzRhYjRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI4VDE3MjI1OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRiNjFlZjI3YzUwOTgyYjUwZjViMGVmZTM2YmY0NzY2MTkwMWM3OGRmMmE1NzVmZTY0MmU2OGVhNGEyNjhlMzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RP69YM5Hz6uE_lbfuW0rs_RxcRvWCyhgthGZJJ8yHbk)