Skip to content

ErtanOzdemir/e-commerce-app

 
 

Repository files navigation

Peer-to-Peer E-Commerce Frontend Application

Welcome to the Peer-to-Peer E-Commerce Frontend Application README! This document will guide you through understanding the structure, components, and setup of our dynamic peer-to-peer e-commerce frontend application. Our application empowers users to both buy from and sell to each other, interfacing with our microservices architecture and utilizing Apollo GraphQL Federation for seamless integration.

Table of Contents

  1. Introduction
  2. Technologies
  3. Features
  4. Getting Started
  5. Running the Application
  6. Screenshots
  7. License

1. Introduction

Our frontend application offers a unique peer-to-peer e-commerce experience, enabling users not only to shop but also to become sellers themselves. Leveraging microservices and GraphQL, our application provides a comprehensive platform for trading between users.

2. Technologies

  • React: JavaScript library for building user interfaces.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • GraphQL: A query language for APIs.
  • Apollo GraphQL: A comprehensive toolset for building GraphQL applications.
  • Babel: JavaScript compiler for using the latest ECMAScript features.
  • Styled Components: CSS-in-JS library for styling components.
  • Git: Distributed version control system.
  • GitHub: Web-based platform for version control and collaboration.
  • ESLint: Tool for identifying and reporting on patterns in JavaScript.
  • GitHub Actions: CI/CD platform for automating workflows.
  • Figma: Collaborative design tool for UI/UX design.

                     

3. Features

  • Product Browsing: Explore an extensive product catalog from both professional sellers and fellow users.
  • User Authentication: Securely register, log in, and access personalized features.
  • Shopping and Selling: Buy products from professional sellers or purchase items listed by other users.
  • Order Placement: Place orders.
  • Ratings and Reviews: Share your thoughts by adding ratings and comments to products you've purchased or sold.
  • Cargo Tracking: Track your orders by adding and viewing cargo tracing numbers.
  • Order History: Easily access a history of your past orders and their details.
  • User Listings: List products you want to sell, complete with descriptions and images.

4. Getting Started

To set up the frontend application locally, follow these steps:

  1. Clone the repository: git clone https://github.com/capstone-bazaar/e-commerce-app
  2. Navigate to the project directory: cd e-commerce-app
  3. Install dependencies: npm install
  4. Build the application: npm run build

5. Running the Application

To run the application locally:

  1. Start the development server: npm run start
  2. Open your browser and navigate to the specified URL (default: http://localhost:3000).

6. Screenshots

Screenshot 2023-08-26 at 13 03 23_macbookgrey_front Screenshot 2023-08-26 at 13 03 41_macbookgrey_front Screenshot 2023-08-26 at 13 11 28_macbookgrey_front Screenshot 2023-08-26 at 13 11 42_macbookgrey_front Screenshot 2023-08-26 at 13 11 55_macbookgrey_front Screenshot 2023-08-26 at 13 12 05_macbookgrey_front Screenshot 2023-08-26 at 13 12 34_macbookgrey_front Screenshot 2023-08-26 at 13 16 57_macbookgrey_front Screenshot 2023-08-26 at 13 16 17_macbookgrey_front Screenshot 2023-08-26 at 13 19 17_macbookgrey_front Screenshot 2023-08-26 at 13 13 26_macbookgrey_front Screenshot 2023-08-26 at 13 13 43_macbookgrey_front Screenshot 2023-08-26 at 13 14 32_macbookgrey_front

7. License

Our frontend application is licensed under the MIT License. Familiarize yourself with the terms before using or contributing to the project.


Thank you for your interest in our Peer-to-Peer E-Commerce Frontend Application! If you encounter any issues or have questions, feel free to reach out to us or create an issue in the repository. Enjoy your coding journey in the world of peer-to-peer commerce!

About

E-commerce application (Frontend)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.6%
  • HTML 1.4%
  • CSS 1.0%