TechAttire - Fashion the geek you!

About

This is a full-fledged eCommerce admin cum storefront website built with Medusa.js, Next.js, Minio, Algolia and Stripe. This store is exclucively made for buying and selling tech apparles such as hoodies and Tshirts keeping in mind a user-friendly design and smooth experience

Storefront :-

The storefront webste includes the following features:

• Authentication & Authorization
• Contact Us page for getting approval to sell products
• Product Listing
• Product Search Functionality
• Product Categorization
• Account information pages
• Product detail
• Adaptive to different country's currency
• Shopping cart
• Discount and Gift Card feature
• Payment with Stripe

Preview

techattire1.mp4

Admin :-

The Admin panel includes the following features:

• Authentication & Authorization
• Adding products and categorizing them
• Customer Listing
• Order & Product Details
• Customizable Discount and Gift Cards
• Account information
• Setting up different market's currency accordingly

Preview

Admin Panel- [Tutorial on configuring your shop]

techattire-admin.mp4

Some Screenshots-

Set up Project

Prerequisites

Before you start with the tutorial make sure you have:

• Node.js v14 or greater installed on your machine
• minIO
• WSL or Linux
• Redis

Install Project

1. Clone the repository:

git clone https://github.com/SahilSingh177/TechAttire.git

Now open TechAttire in you IDE such as VSCode,etc.

2. Change directory and install dependencies:

cd Techattire-store
yarn
cd ..
cd Techattire-admin
yarn 
cd ..
cd Techattire-storefront
npm i

3. Set up environment variables by refering to the documentation

4. Go to the Techattire folder

start WSL or linux

sudo service redis-server start

start cmd

Go to the place where minio is located and run

.\minio.exe server folder_in_which_this_repo_is_saved:\  --console-address :9001 --address :9002 

4. Go to minIO page in 127.1.1:9001:

5. Login with username and password:

minioadmin

6. Go to manage -> make accsess policy public

7. Go to identitiy -> service account -> create service account -> make the accsess key and the secret key :

Add URL of minio, bucket_name, secret key and access key in the environment variables.

Running Server

Open cmd and run the following commands to have your server up and running

cd Techattire-store
yarn start

Your server will now be running at port 9000

Running Admin Panel

Open cmd and run the following commands to connect to the admin panel

cd Techattire-admin
yarn dev

Running Storefront

Open cmd and run the following commands to see the storefront

cd Techattire-storefront
yarn dev

Finished

see the storefront on :

http://localhost:8000/

see the admin on :

http://localhost:7000/

Resources

• Medusa’s GitHub repository
• Medusa Admin Panel
• Medusa Documentation