Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fl4viooliveira/4devbydev
This project intends to be an appliable e-commerce application with a deployed website from this repository.
https://github.com/fl4viooliveira/4devbydev
e-commerce expressjs fullstack-javascript javascript mern-stack mongodb monorepo nextjs nodejs open-source printondemand reactjs typescript
Last synced: 18 days ago
JSON representation
This project intends to be an appliable e-commerce application with a deployed website from this repository.
- Host: GitHub
- URL: https://github.com/fl4viooliveira/4devbydev
- Owner: fl4viooliveira
- License: mit
- Created: 2022-04-30T18:17:12.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-30T11:06:31.000Z (over 1 year ago)
- Last Synced: 2024-10-12T07:24:41.809Z (about 1 month ago)
- Topics: e-commerce, expressjs, fullstack-javascript, javascript, mern-stack, mongodb, monorepo, nextjs, nodejs, open-source, printondemand, reactjs, typescript
- Language: JavaScript
- Homepage: https://4devbydev.vercel.app/
- Size: 178 KB
- Stars: 19
- Watchers: 2
- Forks: 2
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.txt
Awesome Lists containing this project
README
### About this Project:
It is an E-commerce application built using Next.js, and MongoDB. It consumes the Printful API and uses Stripe as a payment system.
The application consumes print-on-demand API by Printful and can be helpful as a tool for freelancers or a print-on-demand startup business.
Feel free to use it wherever you want. I'll be happy if you provide any feedback or suggestions.
### About the Printful API
The Printful API is a RESTful API, that uses an HTTP protocol for communication. HTTP GET, POST, PUT and DELETE methods are used to access the API resources.
API Documentation | Printful (1.0)
### Getting Started with Printful
- Visit printful.com and create an account.
- On your account create a new store, choose "Manual order platform / API" as your method.
- On your store create some text products.
- After have a store and some products, visit https://developers.printful.com/docs to view the full documentation.
- To conclude got to Developers Printful page visiting https://developers.printful.com/login and create your Private token.
### Create a Stripe account
- Visit stripe.com and create an account.
- Activate the Test mode and get your "Publishable key" and "Secret key"
- Visit https://stripe.com/docs to view the full documentation.
### To Install:
Cloning the Repository:
```
$ git clone https://github.com/fl4viooliveira/4devbydev.git
$ cd 4devbydev
```
On root folder create a .env.local file and install.
```
STRIPE_KEY =
FRONTEND_APP_URL=
PRINTIFUL_KEY=
PRINTFUL_PRODUCTS="https://api.printful.com/store/products"
PRINTIFUL_KEY=
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
NEXT_PUBLIC_BASE_URL =
NEXT_PUBLIC_DEVELOPMENT = true
```
Install and run:
```
$ npm install
$ npm run dev
```
### Test Stripe payment:
To confirm that your integration works correctly, simulate transactions without moving any money, using special values in test mode.
- Complete the shopping flow and click on checkout button.
- Confirm the shipping address
- Click on Conclude the Payment button and fill up it.
- Use the test card number 4242 4242 4242 4242.
- Use a valid future date.
- Use any three-digit CVC
- Click to pay and wait to success page with the invoice link.
#### Connect with me at:
📫 How to reach me: [email protected]
