https://github.com/abdullah0dev/stylish-starter
A Full Stack E-Commerce App with React Native! - starter code
https://github.com/abdullah0dev/stylish-starter
asyncstorage expressjs mongodb nodejs react-native
Last synced: 9 months ago
JSON representation
A Full Stack E-Commerce App with React Native! - starter code
- Host: GitHub
- URL: https://github.com/abdullah0dev/stylish-starter
- Owner: Abdullah0Dev
- Created: 2024-07-01T21:44:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-23T15:04:28.000Z (over 1 year ago)
- Last Synced: 2025-03-26T15:54:14.957Z (10 months ago)
- Topics: asyncstorage, expressjs, mongodb, nodejs, react-native
- Language: TypeScript
- Homepage: https://bit.ly/3LboNOQ
- Size: 3.57 MB
- Stars: 6
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Full Stack E-Commerce App
Explore the robust features of our full-stack E-Commerce app with beautiful animations and seamless performance.
## 📋 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)
## 🤖 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-starter.git
cd stylish-starter
```
**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 E-Commerce 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)
- **GitHub Final Repository**: [Full Stack E-Commerce App](https://github.com/Abdullah0Dev/stylish)