Full Stack E-Commerce App

Build this project step by step with our detailed tutorial on Web Minds YouTube. Join the WM family!

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🖼️ Assets
6. 🔗 Links

🚨 Tutorial

This repository contains the code corresponding to an in-depth tutorial available on our YouTube channel, Web Minds.

If you prefer visual learning, this is the perfect resource for you. Follow our tutorial to learn how to build projects like these step-by-step in a beginner-friendly manner!

🤖 Introduction

Welcome to the Full Stack E-Commerce App! This app is designed to offer a comprehensive E-Commerce solution with a focus on responsiveness and smooth animations. Built using React Native, Node.js, and MongoDB, it ensures high performance and scalability.

⚙️ Tech Stack

• React Native
• React Native Reanimated
• Tailwind CSS
• Node.js
• Express
• MongoDB

🔋 Features

👉 Beautiful Subtle Smooth Animations using React Native Reanimated: Enhance user experience with seamless and captivating animations.

👉 Completely Responsive: Access and optimal viewing on any device with a fully responsive design.

👉 Real-time Updates: Stay up-to-date with real-time data synchronization across the app.

👉 Check-out Page: Simplified and efficient check-out process for user convenience.

👉 Secure Authentication: Robust authentication mechanisms to protect user data.

👉 Scalable Backend: Powered by Node.js and Express for a scalable and efficient backend.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/Abdullah0Dev/stylish.git
cd stylish

Installation

Navigate to the frontend folder and install dependencies:

cd frontend
npm install

Navigate to the backend folder and install dependencies:

cd ../backend
npm install

Running the Backend

Start the backend server:

npm start

Running the Frontend

Navigate back to the frontend folder and start the React Native app:

cd ../frontend
npx react-native run-android # For Android
npx react-native run-ios # For iOS

Open the app on your simulator or real device to view the project.

🖼️ Assets

Find all assets here.

🔗 Links

• 🎨 Design : Figma App Desing✍