asajadafsar/online-shop

Online store project with python (flask) programming language and html/css/nodeJS frontend and Sql-lite-studio database

Online Shop Project

Welcome to the Online Shop project! This project is an online shop application built using Flask for the backend, React Admin (Node.js) for the frontend, and frontend technologies such as HTML/CSS.

Project Description

This project is an online shop application aiming to provide users with a seamless shopping experience. The backend is developed with Flask, handling various functionalities like user authentication, product management, and order processing. The frontend is built using React Admin, a Node.js framework, to create an interactive and user-friendly interface. HTML and CSS are used for the frontend design.

Technologies Used

• Backend: Flask
• Frontend: React Admin (Node.js), HTML, CSS
• Database: [Sqlite Studio]
• Design Prototyping: Figma

Project Diagram

[activity-ERD-C4-sequence-state Diagrams by mermaid and generate Ai UML]
mermaid: https://mermaid.js.org/

Database

[The database system was designed with Sqlite Studio software]
download exe Sqlite Studio: https://sqlitestudio.pl/

Design Prototyping with Figma

Figma:
https://www.figma.com/file/TruTLFmDhEWRDnDkBdv3S3/html.to.design-(Community)?type=design&node-id=0-1&mode=design&t=rwYBR4sl5BczAYdt-0

Project Setup Guide

Follow these simple steps to set up and run the project smoothly:

1. Install Dependencies: Start by installing all the necessary libraries using the following command:

   pip install -r requirements.txt
   

2. Download Node.js: Navigate to your browser and download Node.js.

3. Install Node Modules: Next, navigate to the shop-admin directory and enter the following command:

   npm i
   

4. Run the Application: To run the application, navigate to the project's root directory and enter the following command:

   python app.py
   

5. Launch Admin Panel: Then, to launch the admin panel, go to the shop-admin directory and enter the following command:

   npm run dev
   

That's it! You can now retrieve the admin panel and website URLs upon execution and load them locally with different ports. Enjoy exploring the project!