Siam Food Delivery

Siam Food Delivery is a single-page web application developed using the MERN stack. It offers users various great features, including a shopping cart and checkout feature.

Table of contents

• Basic Features
• Back-end
• Front-end
• Installation Steps
• Running the Application
• License

Basic Features

• Shopping Cart: Users can add and remove items from their shopping cart.
• Users can fill in their information and submit their orders for delivery.
• Responsive Design: Enjoy a seamless shopping experience across devices with the responsive design.

Back-end

• MongoDB: The database used for storing application data.
• Express: The Node.js web application framework used for building RESTful APIs.
• Node.js: The JavaScript runtime environment used for server-side scripting

Frontend

• React: The JavaScript library used for building user interfaces
• Vanilla CSS3: The style sheet language used for designing the application's layout and appearance

Installation Steps

1. Clone the Repository

   git clone https://github.com/thesun7385/Siam-food-delivery.git
   

2. Navigate to the server Directory

   cd server
   

3. Install Dependencies for server side

   npm install
   

4. Back to main directory

   cd..
   

5. Navigate to the server Directory

   cd client
   

6. Install Dependencies for client side

   npm install
   

Running the Application: To run this web application, you must start the server-side first before launching the client-side.

1. Navigate to the server Directory

   cd server
   

2. Start Dependencies for server side

   node app.js
   

3. Back to main directory

   cd..
   

4. Navigate to the server Directory

   cd server
   

5. Install Dependencies for client side

   npm run dev
   

6. Open your web browser and navigate to http://localhost:5184.

License

© [2024] Supachai Ruknuy
This project is licensed under the terms of the MIT License. Feel free to use, modify, and distribute the codebase for educational and non-commercial purposes