KASA is a multimedia company aiming to create a user-friendly web platform for managing and showcasing its multimedia product catalog, including PCs, mobile phones, tablets, and more. This project focuses on developing a robust system that fulfills the company’s business requirements while enhancing the customer experience.
- Frontend: Next.js
- Auth Backend: .NET
- Data Backend: .NET
- ChatBot Backend: Gin Framework
- Database: SQLite
- Authentication: NextAuth.js
- Payment Processing: Stripe
- Styling: Daisy UI
- Deployment: Vercel
- Open the website in your browser: Use a browser that supports PWA installation, such as Chrome, Edge, or Firefox.
- Look for the installation option: A “Install” or “Add to Home Screen” prompt may appear automatically in the address bar or as a popup.
- Access the browser menu: If no prompt appears, tap the three-dot menu in the top-right corner of the browser.
- Select “Add to Home Screen”: In the dropdown menu, tap “Add to Home Screen” or “Install App”.
- Open the website in Safari: Ensure you are using the Safari browser, as it is the only browser on iOS that supports PWA installation.
- Access the share menu: Tap the Share icon (a square with an upward arrow) located at the bottom of the browser.
- Add to Home Screen: Scroll down the options and select “Add to Home Screen”.
- To install dependencies:
yarn install
- To run the application:
yarn dev
- Ensure you have the .NET SDK installed. You can ckheck by running:
dotnet --version
- To build the project:
dotnet build
- To run the project:
dotnet run
-
We compiled this backend into a binary so it can be run directly.
./kommande-chatbot-backend
-
Of course, if you wish to run the framework, you can use Golang to launch this backend. This requires you to complete a Golang 1.22+ installation (a requirement of the Gin framework).
go mod tidy // to install dependencies go run main.go
We, the development team, are tasked with building this platform for KASA. The company has expressed the following requirements:
-
Product Display and Filtering
The web application will display multimedia products in a visually organized manner, providing users with the ability to:- Browse through a comprehensive catalog.
- Filter products by category (e.g., PCs, mobile phones, tablets).
- Search for specific products quickly and efficiently.
-
Enhanced User Experience
To stand out in the competitive multimedia market, KASA seeks to offer a premium user experience with an intuitive and aesthetically pleasing interface. This will ensure ease of use, driving customer satisfaction and engagement. -
Personal Account System
To foster customer loyalty, the company plans to introduce a personal account system, which will include:- User authentication and profile management.
- The ability for users to create accounts, log in, and save favorite products.
- A streamlined system for managing and tracking users’ saved items for future reference.
With these features, the company expects to create a standout multimedia e-commerce platform that not only showcases its products but also strengthens relationships with customers.
- Product Catalog: Displays a wide range of multimedia products with the option to sort and filter.
- Search Functionality: Advanced search feature to help users find products quickly.
- User Accounts: Allows users to create an account, log in, and save their favorite products.
- Responsive Design: The application will be responsive, ensuring a seamless experience on both desktop and mobile devices.
- Secure Payments: Integrated with Stripe for secure payment processing.
This project is licensed under the terms of the MIT License.