https://github.com/skx1322/learningstripets
Basic Ecommerce full-stack website I made to practice stripe API and web-security. (Security? what's that)
https://github.com/skx1322/learningstripets
bun digitalocean-spaces elysiajs fullstack-development learning-project mongodb reactjs stripe typescript
Last synced: 2 months ago
JSON representation
Basic Ecommerce full-stack website I made to practice stripe API and web-security. (Security? what's that)
- Host: GitHub
- URL: https://github.com/skx1322/learningstripets
- Owner: skx1322
- Created: 2025-08-07T10:19:51.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-30T04:32:53.000Z (10 months ago)
- Last Synced: 2025-08-30T06:16:34.812Z (10 months ago)
- Topics: bun, digitalocean-spaces, elysiajs, fullstack-development, learning-project, mongodb, reactjs, stripe, typescript
- Language: TypeScript
- Homepage:
- Size: 3.99 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Introduction
Trying to learn about way to implement payment gateway by creating a fullstack ecommerce website using ReactJS and ElysiaJS. [More Documentation soon, for myself.]
# API / Techs
1. MongoDB
2. Stripe API
3. OAuth Client ID/Secret
3A. DigitalOcean Storage Bucket
# Development
## Client
For our client aka our frontend service, it is done using Vite and ReactJS framework. The client utilizes react-router-dom for the multipage routing and tailwindcss for the styling.
If you want to run the client in your local device, you are required to use either NodeJS or Bun, both are acceptable and could run but I highly recommended Bun as the whole development process was done in the Bun runtime on both ends.
1. Runtime Selection
- Select either NodeJS or Bun, install the proper version and variant that will fit in your operating system.
2. Git clone the repository
- Once you have the runtime setup, you should git clone the repository into your local device.
```
git clone https://github.com/skx1322/LearningStripeTS.git
```
3. Directory and Install Modules
- When it is cloned, navigate into the client/ directory within the project and tried to install the modules.
For NodeJS:
```
cd client
npm install
```
For Bun:
```
cd client
bun install
```
- You'll see Node/Bun start installing the modules according to the package.json dependencies.
4. Environment
- To connect to your local server, you may refer to .env.example for a reference and you will only need to create an ".env" file and setup the backend URL really which by default should be http://localhost:8080. If your server/backend have different URL output for instance if you use other port, please change this part of the env file.
(.env)
```
VITE_BACKEND_URL = http://localhost:8080
```
##
[work in progress]
# About
Placeholder image btw! Totally not gonna use it until the end of the project (not guarantee!!)
Herrscher of Scammer (Placeholder!)