Git Product home page Git Product logo

john-weeks-dev / aliexpress-clone Goto Github PK

View Code? Open in Web Editor NEW
151.0 151.0 47.0 278 KB

This is an AliExpress Clone E-commerce site built with Nuxt 3, Vue JS, Supabase, Stripe, Tailwind CSS, Prisma, Pinia, and hosted on Netlify

Home Page: https://youtube.com/watch?v=dVcCRFVhz74

Vue 73.77% JavaScript 25.52% TypeScript 0.70%
aliexpress aliexpress-clone api ecommerce javascript netlify nuxt nuxt3 nuxtjs prisma stripe supabase tailwind tailwindcss vue vue3 vuejs

aliexpress-clone's Introduction

AliExpress Clone / (aliexpress-clone)

Learn how to build this!

If you'd like a step by step guide on how to build this just CLICK THE IMAGE BELOW

GO TO JOHN WEEKS DEV TUTORIAL VIDEOS

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

LIKE, SUBSCRIBE, and SMASH THE NOTIFICATION BELL!!!

App Setup (localhost)

git clone https://github.com/John-Weeks-Dev/AliExpress-clone.git

cp .env.example .env

npm i

npx prisma generate

npm run dev

You'll have to setup a Supabase account & Stripe account, then add all of the details in to your .env file.

Once you've connected your application to Supabase. You'll also need to setup the Auth Providers: Google Google Github Github

https://supabase.com/docs/guides/auth/social-login/auth-google
https://supabase.com/docs/guides/auth/social-login/auth-github

Now run the command to migrate your database tables and run your seed file.

npx prisma migrate dev --name init

You should be good to go! If you need any more help, take a look at the tutorial video by clicking the image above.

Application Images

aliexpress-clone's People

Contributors

john-weeks-dev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

aliexpress-clone's Issues

Error asking for index.html

nuxt] Could not resolve id pinia-plugin-persistedstate C:... \JohnWeekDev\aliExpressClone\index.html 2:09:22 pm

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
devtools: { enabled: true },
pages:true,
modules:[
'nuxt-icon',
'nuxt-lodash',
'@pinia/nuxt',
'@pinia-plugin-persistedstate/nuxt',
'@nuxtjs/tailwindcss',
// '@nuxtjs/supabase'
],
runtimeConfig: {
public: {
stripePk:process.env.STRIPE_PK_KEY,
}
},
app:{
head:{
script:[
{src:'https://js.stripe.com/v3/',defer:true}
],
}
}
})

{
"name": "nuxt-app",
"private": true,
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"prisma": {
"seed": "node prisma/seed.js"
},
"devDependencies": {
"@nuxt/devtools": "latest",
"@pinia-plugin-persistedstate/nuxt": "^1.1.1",
"nuxt": "^3.7.0"
},
"dependencies": {
"@nuxtjs/supabase": "^1.0.2",
"@nuxtjs/tailwindcss": "^6.8.0",
"@pinia/nuxt": "^0.4.11",
"@prisma/client": "^5.2.0",
"@stripe/stripe-js": "^2.1.0",
"nuxt-icon": "^0.5.0",
"nuxt-lodash": "^2.5.0",
"pinia": "^2.1.6",
"prisma": "^5.2.0",
"stripe": "^13.3.0"
}
}

Sigin Using Supabase Not working

After setting up supabase authentication in the app, i was forced to create a /login page and im not able to go into the /auth. I also cant access the index.vue page at all. when i sign up, it registers the user but doesnt redirect to the home page.

Im not sure what the problem is exactly but the main issue im facing is that when i start up the app in localhost, it goes to /login and i cant go to any other page.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.