Shopify (E-Commerce - React Native)

Introduction

SHOPIFY | E-COMMERCE | FRONT-END AND BACKEND DEVELOPMENT

Experience seamless online shopping on our cutting-edge Shopify E-Commerce website built on React Native, MongoDB, and Node.js. Enjoy secure transactions with Razorpay payment integration, ensuring a smooth and reliable checkout process for a hassle-free shopping experience.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Project Structure
• Deployment
• Contributing
• License

Note:- If you are a complete beginner ignore these files package.json, config.json and LICENCE be focus on actual learning content.

Features

• Frontend development using JS and react-native libraries for creating interactive, intuitive and responsive UI. • Backend implementation using Node.js and Express.js to handle API and database integration. • Database management utilized MongoDB as the database to store and manage products. • Payment Integration: Implemented Razor pay gateway with pre and post transaction API integration. • User authentication: Implemented user authentication and authorization using JWT and node mailer.

Technologies Used

• Frontend – React JS, Redux, JavaScript, React-Native Libraries • Backend – Nodejs, Express, JavaScript • Database – MongoDB, Mongoose

Project Structure

The repository follows a specific structure to keep the codebase organized. Below is an overview of the main directories and files:

• /navigation: This directory contains all the screens routes with the help of stack Navigator, such as home, checkout, and other Screens routes.

• /assets: This directory contains all the required assets this application needed such as images and other raw data files.

• /api: Api's for the shopify, are defined in this directory. It includes separate files for different apis or components to maintain a modular and organized approach.

• /admin: Admin files are stored here. These scripts are responsible for adding interactivity and dynamic behavior to the Admin panel.

• /screens: This directory contains all the screens of shopify application.

• LICENSE: The project's license file, specifying the terms under which the code is distributed.

• README.md: The documentation file you are currently reading, providing an overview of the project, instructions, and guidelines for contributors.

Additional Directories or Files

• config.json:

Notable Files

• package.json

Getting Started

1. Clone the repository:

   git clone https://github.com/kakashihatakesh6/shopify
   cd shopify
   
   

Contributing

If you have suggestions, found a bug, or want to contribute, please follow these steps:

F4ork the repository.

1. Create a new branch: git checkout -b feature/your-feature.

2. Make your changes and commit them: git commit -m 'Add some 3.feature'.

3. Push to the branch: git push origin feature/your-feature.

4. Submit a pull request.

License

This project is licensed under the MIT LICENSE. For details, please see the LICENSE file.