Home
Softono
j

john-weeks-dev

Professional software vendor delivering innovative solutions on the Softono platform. Specialized in both open-source and proprietary software development.

Visit Website
Total Products
6

Software by john-weeks-dev

aliexpress-clone
Open Source

aliexpress-clone

# 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](https://user-images.githubusercontent.com/108229029/234320789-13022db7-cea3-4ee2-b9a2-ecc47d0e4347.png)](https://www.youtube.com/watch?v=NtsbjB8QD3Y) 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](https://cloud.google.com) Github [Github](https://github.com/settings/developers) 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 <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481659-ede8c034-b085-4a45-8d80-6271c6050474.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481744-e3b237b3-0621-46ab-9494-60ac65b84d91.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481876-dcd29b14-70c4-41d4-b29a-6c27937f68b2.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481803-c3fc935b-1feb-496b-ae8d-ec63184536aa.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481940-e29a65fa-38c3-4fea-aa31-79d8932773f2.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/234481996-9b16ec84-89e9-4d1e-ae14-7935db1e4c29.png">

Frontend Templates E-commerce Platforms
190 Github Stars
tiktok-clone
Open Source

tiktok-clone

# Tiktok Clone (tiktok-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](https://user-images.githubusercontent.com/108229029/226175392-1ffef6e7-4f34-41ee-889a-0b438aca69d6.png)](https://www.youtube.com/watch?v=CHSL0Btbj_o) Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev **LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!! ## NOTE ### For this Tiktok Clone to work you'll need the API/Backend: Tiktok Clone API: https://github.com/John-Weeks-Dev/tiktok-clone-api ## App Setup ``` git clone https://github.com/John-Weeks-Dev/tiktok-clone.git npm i npm run dev ``` Inside Plugins/axios.js make sure the baseUrl is the same as your API. <img width="443" alt="Screenshot 2023-03-15 at 00 14 21" src="https://user-images.githubusercontent.com/108229029/225085615-529afbca-8cb8-4ed4-bf5b-54ba6f827f36.png"> You should be good to go! # Application Images <img width="1439" src="https://user-images.githubusercontent.com/108229029/225040479-3d99a7af-ffd3-443f-a3d9-ecf616e137b6.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225040773-ded6d97d-5ad6-4575-9684-1356b8721878.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042476-fa28a57f-ddf2-4072-8632-2521608ab700.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042661-e4555f75-4844-41b0-9078-acb49c8f9c08.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042896-17982338-a03a-4332-a47f-3afc881f562c.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225043322-29eea167-121c-4bd8-b016-e0f625376e59.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225043588-cd9a8b33-b911-49ce-85a7-78b46488eae5.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225046843-166000b1-1956-4b69-9cfa-1fc16ab4982a.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225046955-fd9890f0-d98e-4189-9fa4-0b39d4773d9a.png"> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/225044829-1b9fe754-ddc8-4db4-974d-d569c9c19fee.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225044971-f9a94ce1-486b-4bea-8ffc-8d2f00910723.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045106-1753dbce-1221-4bc3-bafe-a572506f2672.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045572-50cef4a8-bea0-48c7-a42c-775ae360403d.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045716-e76124e5-384a-4f73-89ae-472e163f464b.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045838-d9934510-c7dd-4a10-9a9d-4946db339211.png"> </div> <div> <img width="660" src="https://user-images.githubusercontent.com/108229029/225041953-662d4517-4df9-4387-994c-d06205f811ef.png"> <img width="340" src="https://user-images.githubusercontent.com/108229029/225044283-67af4cc8-2897-403f-9cc3-1e844d52771c.png"> </div>

Media Frontend Templates
185 Github Stars
linktree-clone
Open Source

linktree-clone

# Linktree Clone / PWA (linktree-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](https://user-images.githubusercontent.com/108229029/228964328-b0e75187-32de-4b29-8fd0-d1546237b1fd.png)](https://www.youtube.com/watch?v=NtsbjB8QD3Y) Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev **LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!! ## NOTE ### For this Linktree Clone to work you'll need the API/Backend: Linktree Clone API: https://github.com/John-Weeks-Dev/linktree-clone-api ## App Setup (localhost) ``` git clone https://github.com/John-Weeks-Dev/linktree-clone.git npm i npm run dev ``` Inside Plugins/axios.js make sure the baseUrl is the same as your API. <img width="443" alt="Screenshot 2023-03-15 at 00 14 21" src="https://user-images.githubusercontent.com/108229029/225085615-529afbca-8cb8-4ed4-bf5b-54ba6f827f36.png"> You should be good to go! ## Extra Info In the tutorial I show you what you need to edit in your Nginx config file. This example is in Laravel Forge: 1. In the frontend open the "Edit Nginx Configuration" <img width="600" src="https://user-images.githubusercontent.com/108229029/229151201-f9d1fe83-ca68-496e-9a1e-3ef031ce8271.png"> <img width="400" src="https://user-images.githubusercontent.com/108229029/229151378-986b62d3-aab4-451d-8c65-029a3f2ec8a7.png"> 2. Update the location section to this. <img width="400" src="https://user-images.githubusercontent.com/108229029/229151891-46be485f-57e7-4bb9-9bac-6a1686e2c653.png"> <img width="600" src="https://user-images.githubusercontent.com/108229029/229152382-358daed2-6c7f-4cbb-b367-c17351a37b2d.png"> # Application Images <img width="1439" src="https://user-images.githubusercontent.com/108229029/228939676-4f229e2a-96b7-4bfd-9926-91c203e1448e.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228939788-e2064606-4abc-478f-b6b0-8bb80ef29b86.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228939898-46b3d07e-a621-4969-ac84-d52f7a28150c.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940125-68978815-d8c0-4ccc-a422-ff9b39afed39.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940234-08eff6c7-1d77-4992-9813-e1e1584100c5.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940314-45580c79-10c1-440e-a9b0-3f3a554b4a47.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940489-69cf84fc-5f6c-4dd8-a94a-568af290e00e.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940597-8dcaef65-266a-4cd0-b0ef-1f0715159f1a.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940672-b4a1c33c-ffe5-4346-a47a-dcfedf01090e.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940742-c1c1b786-e212-448e-87d8-60d4d66945fd.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940845-2d863b6f-67f7-4221-801d-d433265584e9.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228940930-53cac8bf-30ba-4e4c-993d-b0007c1601cb.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228941007-efe23396-b189-4ce3-85c5-53d1bd8fc983.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228941097-3de7b664-023f-48e6-beff-1810791f45ff.png"> # PWA Images <img width="1439" src="https://user-images.githubusercontent.com/108229029/228941385-ba10b505-0522-4493-95e6-2214cba4ed0a.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228941510-24b39533-c93c-48fe-aa0d-ca6b140eef75.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/228941606-74b3b422-a4f3-4973-834d-f3e152c3e71e.png"> <img width="800" src="https://user-images.githubusercontent.com/108229029/228941671-b521f9fa-b764-418e-9e97-e3cdcba08a7b.png"> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942219-5712d33c-dfa7-4d8f-846d-c2449ebcb01c.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942317-12756e75-bac0-4715-9c77-b00efde31937.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942370-f8bef7e5-2e62-4da8-9ea8-f806d8a7b3d3.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942477-44a16a82-e2cd-4546-bb4b-461b492d6812.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942526-89dc5f45-dc15-4508-9353-eeb90e90059d.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942612-dea08e4d-69d7-4622-ba70-a2378d91ab04.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942915-1f036606-5705-43d8-ad63-888346b6af42.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228942980-a3acc437-2bda-4500-9cee-d79c3ffda773.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943033-5f0f911f-712e-4352-a85d-886a503c0508.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943152-93e08fbb-ad95-47e9-9b8b-e9dae9484cd5.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943200-b38238ef-d4bc-4703-881a-71fe498bbfa9.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943242-cffc88a7-7211-4f43-bbe4-4fa89aae1f3a.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943303-3aaddfc4-9c55-40c4-8a8d-c4d52fcc20d7.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943392-e84c29d0-9262-4d07-a2c2-a96aec9c546d.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943453-4757ed61-0857-4894-be5c-f8447fb56ee4.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943520-8f10ffa2-b936-4383-863a-50262984712f.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/228943657-698c06c8-ab4b-41ec-8585-de27f1e63d78.png"> </div>

Frontend Templates Website Builders
115 Github Stars
tiktok-clone-api
Open Source

tiktok-clone-api

# Tiktok Clone API (tiktok-clone-api) ### 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](https://user-images.githubusercontent.com/108229029/226179167-b06ebc34-40f6-44ac-82a7-eb9333389f34.png)](https://www.youtube.com/watch?v=CHSL0Btbj_o) Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev **LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!! ## NOTE ### For this Tiktok Clone API to work you'll need the Frontend: Tiktok Clone: https://github.com/John-Weeks-Dev/tiktok-clone ## App Setup ``` git clone https://github.com/John-Weeks-Dev/tiktok-clone-api.git ``` Then ``` composer install cp .env.example .env php artisan cache:clear composer dump-autoload php artisan key:generate composer require laravel/breeze --dev php artisan breeze:install (FOR THIS SELECT THE API INSTALL) php artisan serve ``` Create a DATABASE. Make sure the DB_DATABASE in the .env is the same and then run this command ``` php artisan migrate ``` You should be good to go! # Application Images <img width="1439" src="https://user-images.githubusercontent.com/108229029/225040479-3d99a7af-ffd3-443f-a3d9-ecf616e137b6.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225040773-ded6d97d-5ad6-4575-9684-1356b8721878.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042476-fa28a57f-ddf2-4072-8632-2521608ab700.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042661-e4555f75-4844-41b0-9078-acb49c8f9c08.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225042896-17982338-a03a-4332-a47f-3afc881f562c.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225043322-29eea167-121c-4bd8-b016-e0f625376e59.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225043588-cd9a8b33-b911-49ce-85a7-78b46488eae5.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225046843-166000b1-1956-4b69-9cfa-1fc16ab4982a.png"> <img width="1439" src="https://user-images.githubusercontent.com/108229029/225046955-fd9890f0-d98e-4189-9fa4-0b39d4773d9a.png"> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/225044829-1b9fe754-ddc8-4db4-974d-d569c9c19fee.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225044971-f9a94ce1-486b-4bea-8ffc-8d2f00910723.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045106-1753dbce-1221-4bc3-bafe-a572506f2672.png"> </div> <div> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045572-50cef4a8-bea0-48c7-a42c-775ae360403d.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045716-e76124e5-384a-4f73-89ae-472e163f464b.png"> <img width="333" src="https://user-images.githubusercontent.com/108229029/225045838-d9934510-c7dd-4a10-9a9d-4946db339211.png"> </div> <div> <img width="660" src="https://user-images.githubusercontent.com/108229029/225041953-662d4517-4df9-4387-994c-d06205f811ef.png"> <img width="340" src="https://user-images.githubusercontent.com/108229029/225044283-67af4cc8-2897-403f-9cc3-1e844d52771c.png"> </div>

Web Development P2P & Distributed Storage
79 Github Stars
ebay-clone
Open Source

ebay-clone

# eBay Clone / (ebay-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](https://github.com/John-Weeks-Dev/ebay-clone/assets/108229029/1d1d9f20-0f5b-4d00-8d5a-9aca0d3e414c)](https://www.youtube.com/watch?v=LtPYuFhYf1w) 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/ebay-clone.git cp .env.example .env ``` You'll have to set up a Supabase account & Stripe account, then add all of the details into your .env file. Once you've connected your application to Supabase. You'll also need to set up the Auth Providers: Google [Google](https://cloud.google.com) https://supabase.com/docs/guides/auth/social-login/auth-google Now run the command to migrate your database tables and run your seed file. ``` npx prisma migrate dev --name init npx prisma generate npx prisma db seed npm i npm run dev ``` You should be good to go! If you need any more help, take a look at the tutorial video by clicking the image above.

E-commerce Platforms
138 Github Stars
deezer-clone
Open Source

deezer-clone

# Deezer Clone (deezer-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](https://user-images.githubusercontent.com/108229029/219950427-c38b476c-11bd-45f3-a758-1e85cdb9c6eb.png)](https://www.youtube.com/watch?v=XmCSzo09yqY) 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 ``` git clone https://github.com/John-Weeks-Dev/deezer-clone.git npm i npm run dev ``` You should be good to go! ROCK THE F**K OUT!!! # Application Images <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219700344-360641f3-33c2-49c3-bf38-5821093747bf.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219700478-8941afac-4f3f-442e-bf46-a9d161ab2a7e.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219700578-6b1f58b9-8708-4cfa-ab59-8478229b23b7.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219743169-c7d3a5b6-f891-4ed3-be7e-4bb662325232.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219700789-5994c348-b0db-4800-89da-6746b07f25c9.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219700911-646097e0-9d92-494d-952b-c642c38760b6.png"> <img width="1439" alt="Screenshot 2023-02-04 at 12 33 25" src="https://user-images.githubusercontent.com/108229029/219743346-06a84132-6f14-4adf-b5a9-9af999b6a37c.png">

Music Streaming
34 Github Stars