https://github.com/raj-pulapakura/ultraride

The ecommerce website for shoe addicts.
https://github.com/raj-pulapakura/ultraride

apollographql docker ecommerce expressjs graphql material-ui mysql nodejs react redis stripe stripe-api typeorm website

Last synced: 3 days ago
JSON representation

The ecommerce website for shoe addicts.

• Host: GitHub
• URL: https://github.com/raj-pulapakura/ultraride
• Owner: raj-pulapakura
• Created: 2021-12-25T14:21:27.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-12-21T07:32:57.000Z (about 1 year ago)
• Last Synced: 2024-11-10T00:29:49.691Z (2 months ago)
• Topics: apollographql, docker, ecommerce, expressjs, graphql, material-ui, mysql, nodejs, react, redis, stripe, stripe-api, typeorm, website
• Language: TypeScript
• Homepage:
• Size: 5.26 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UltraRide: Shoe Ecommerce Website

This is a shoe ecommerce website built with React.js, Node.js, TypeScript, and GraphQL. It provides a platform for users to browse and purchase shoes online. The application integrates with Stripe for processing payments and utilizes Docker for containerization of the website and server.

## Gallery

 

    

    

    

 

 

    

    

    

 

   

    

    

    

 

   

    

    

 

## Features

The shoe ecommerce website offers the following features:

- 📑 **Product Catalogue Page**: Users can browse through a wide range of shoe products listed on the website. The product catalogue page provides an overview of available shoes, including their names, prices, and images.

- 🤩 **Product Details Page**: Each shoe product has a dedicated details page where users can view additional information about the product, such as its description, available sizes, and customer reviews.

- 🔍 **Search Bar**: Users can use the search bar to find specific shoe products based on keywords, making it easier to discover desired items quickly.

- 🛒 **Shopping Cart**: The website includes a shopping cart feature that allows users to add products to their cart, view the contents, update quantities, and proceed to checkout.

- 👍 **Product Filters**: Users can apply various filters, such as brand, size, color, and price range, to narrow down their search results and find products that match their preferences.

- 📚 **Admin Page**: The website has an admin page designed for website maintainers. Admin users can manage product listings, including adding new products, updating existing products, and removing products from the catalog.

## Technologies used

- 👀 **Website**: TypeScript, React.js, MaterialUI, Redux

- ⚙️ **Server**: TypeScript, Node.js, Express.js, ApolloGraphQL, TypeORM

- 💳 **Payments**: TypeScript, Stripe API

- 🧪 **Cache\***: Redis

- 🗃️ **Orchestration**: Docker, Docker Compose

- 🛖 **Database**: MySQL

\*Redis was used to store authentication information.

## Technical notes

### API

The backend of the application utilizes GraphQL for data fetching and manipulation. The available GraphQL queries, mutations, and subscriptions are documented using GraphQL schema and can be explored through tools like GraphiQL or GraphQL Playground.

### Admin Page

The admin page provides an interface for authorized users to manage the product catalog. To access the admin page, a user must have the necessary admin credentials. Once authenticated, the admin can perform various tasks, such as adding new products, updating existing product details, and removing products from the catalog.