SwiftShip

A full-stack e-commerce web application for online shopping. Note: refer to https://github.com/vorleakyek/SwiftShipApp for an updated version.

why I Built This?

I want to build an e-commerce website to enhance and maintain my development skills in both frontend and backend development.

Technologies Used

• React
• CSS3
• Tailwind CSS
• TypeScript
• Node.js
• Express
• PostgreSQL
• React-chatbot-kit
• Figma (for a wireframe)

Live Demo

http://ec2-54-177-188-240.us-west-1.compute.amazonaws.com/

Features

• Users can sign up, log in, or shop online as guests.
• Users can chat with a chatbot.
• Users can add items with a specific quantity to their cart.
• Users can view the items in their cart, update the item quantity, or delete items.
• Users can check out as guests or as logged-in users.
• Users can search for specific items or categories.
• Users can send messages to customer service.

Preview

SwiftShip (Homepage)


SwiftShip (Chatbot + Adding items to the cart)


SwiftShip (Guest checkout)


SwiftShip (Login checkout)

Development

• Update the search functionality
• Refactoring the code and update any logic issue

System Requirements

• Node.js 18 or higher
• NPM 8 or higher
• PostgreSQL

Getting Started

1. Clone the repository

   git clone https://github.com/vorleakyek/SwiftShip.git

2. Install all dependencies with NPM

   npm install

3. Start PostgreSQL

   sudo service postgresql start

4. Start all the development servers with the "dev" script:

   npm run dev

5. Run this command to view the data on the database

   pgweb --db swift-ship