https://github.com/abdullah0dev/stylish
🚀 A Full Stack React Native E-Commerce Project! 🛒👇👇
https://github.com/abdullah0dev/stylish
asyncstorage expressjs mongodb node-js onbaording react-native reusable-components
Last synced: 9 months ago
JSON representation
🚀 A Full Stack React Native E-Commerce Project! 🛒👇👇
- Host: GitHub
- URL: https://github.com/abdullah0dev/stylish
- Owner: Abdullah0Dev
- Created: 2024-07-14T08:59:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-23T15:05:32.000Z (over 1 year ago)
- Last Synced: 2025-03-26T15:54:14.982Z (10 months ago)
- Topics: asyncstorage, expressjs, mongodb, node-js, onbaording, react-native, reusable-components
- Language: TypeScript
- Homepage: https://bit.ly/3LboNOQ
- Size: 4.08 MB
- Stars: 25
- Watchers: 1
- Forks: 14
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🖼️ [Assets](#assets)
6. 🔗 [Links](#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](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/Abdullah0Dev/stylish.git
cd stylish
```
**Installation**
Navigate to the `frontend` folder and install dependencies:
```bash
cd frontend
npm install
```
Navigate to the `backend` folder and install dependencies:
```bash
cd ../backend
npm install
```
**Running the Backend**
Start the backend server:
```bash
npm start
```
**Running the Frontend**
Navigate back to the `frontend` folder and start the React Native app:
```bash
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](https://drive.google.com/drive/folders/1L1rxpyGG27UXTISyfPVtNuSHLIEc08FV?usp=sharing).
## 🔗 Links
- **🎨 Design** : [Figma App Desing✍](https://www.figma.com/design/r2oLfsjVOOHBRAmV9zxc8p/eCommerce-App-UI-Kit---Case-Study-Ecommerce-Mobile-App-UI-kit-(Community)?node-id=1-16990&t=aGKMq0fjCva2xjBh-1)