Shop-Vista (E-Commerce)

https://shop-vistaa.netlify.app/

Introduction

SHOP-VISTA | E-COMMERCE | FRONT-END AND BACKEND DEVELOPMENT Experience seamless online shopping on our cutting-edge Shop-Vista E-Commerce website built with Next.js, 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 Next JS 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 – Next JS, React JS, Redux, JavaScript • Backend – Nodejs, Express, Next JS, JavaScript • DevOps – Docker • 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:

• /pages: This directory contains all the routes in the website, such as home, checkout, and other route files.

• /pages/api: Api's for the shop-vista 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.

• middleware: Custum middleware for connecting next API's to mongoDb.

• models: Custom models for creating schemas for storing data into databse.

• 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

• /static/vendor: For additional vendor files used in this website.

• config.json:

Notable Files

• package.json

Getting Started

1. Clone the repository:

   git clone https://github.com/kakashihatakesh6/shop-vista
   cd shop-vista
   

Deployment

Easy deployment through Vercel & Netlify

-> Vercel

-> Netlify

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.