TechExpress - E-commerce Platform

Final Thesis Project for Web Development Graduation 2025

Overview

Welcome to TechExpress, an e-commerce platform developed as part of my final thesis project in Web Development. TechExpress is a fully functional online store specializing in computers, monitors, phones, and various IT accessories such as chargers, earphones, keyboards, and more.

This project demonstrates my skills in full-stack web development, focusing on creating an accessible, responsive, and efficient shopping experience for customers.

Table of Contents

• Features
• Tech Stack
• Installation
• Usage
• Project Goals
• Future Improvements
• License
• Acknowledgments

Features

• Shopping: A seamless and user-friendly shopping experience with secure payments and an intuitive interface.
• Newsletter: Stay updated with the latest news, promotions, and updates delivered straight to your inbox.
• Contact: Get in touch with us easily for support, inquiries, or feedback.
• Secure Authentication: Enhanced security measures to protect user accounts and ensure safe logins.
• Markdown Generated Pages: Easily create and manage content-rich pages using Markdown for flexibility and simplicity.

Tech Stack

• Fullstack: SvelteKit with Tailwind CSS and svelte-shadcn/ui for responsive and accessible design.
• Database: Prisma ORM with MySQL for secure and efficient data handling.
• Authentication: Custom implementation using JWT (JSON Web Tokens) for user authentication.
• Deployment: Hosted through Vercel on a secure infrastructure. The live URL for TechExpress is accessible at https://tech-express.vercel.app/.

Installation

1. Clone the Repository

   git clone https://github.com/Falk33n/tech-express.git
   

2. Install Dependencies

   cd tech-express
   npm install
   

3. Set Up Environment Variables

   Create a .env file in the root directory and add necessary environment variables (e.g., database connection, API keys).

4. Run the Application

   npm run dev
   

Usage

1. Shop: Browse and purchase products easily with a smooth and secure shopping experience.
2. View Products: Explore detailed product listings with images, descriptions, and pricing information.

Project Goals

• Demonstrate proficiency in full-stack web development for a dynamic e-commerce environment.
• Showcase responsive and accessible design practices, ensuring the site is usable for a broad audience.
• Provide a scalable solution using modern frameworks, capable of handling real-world e-commerce requirements.

Future Improvements

• Payment: Enhance payment options with support for multiple gateways and seamless transactions.
• More Products: Expand the product catalog to offer a wider selection for customers.
• More Categories: Introduce additional categories for better organization and easier navigation.
• More Functionalities: Implement new features to improve user experience and functionality.

License

Distributed under the MIT License. This project is open source and free to use, modify, and distribute under the terms of the MIT License.

You can find the full license text in the LICENSE file.

Acknowledgments

Special thanks to all my instructors, mentors, and peers who provided guidance and support throughout this project. This thesis project represents a culmination of my learning journey in web development, and I’m excited to share it with you!

Feel free to explore, contribute, or reach out with questions. Thank you for checking out TeknikExpressen!