🖼️ NFT Marketplace

A full-stack decentralized NFT marketplace built with React, Node.js, Express, and MongoDB. Users can browse, list, and purchase NFTs. Tailwind CSS is used for responsive UI design.

---

📋 Table of Contents

1. ✨ Introduction
2. 🧰 Tech Stack
3. ⚡ Quick Start
4. 📂 Project Structure
5. 🛡️ License
6. ✍️ Author

---

✨ Introduction

xXing NFT Marketplace is a web application that allows users to view and purchase NFTs.
It includes full-stack functionality with API endpoints, a responsive UI, and a MongoDB database to store NFT listings.

---

🧰 Tech Stack

• ⚛️ React — Frontend library for building UI
• 🌐 Node.js + Express — Backend runtime and framework
• 🛢️ MongoDB — NoSQL database
• 🎨 Tailwind CSS — Utility-first CSS framework
• 🔗 Axios — For API communication

---

⚡ Quick Start

📦 Prerequisites

Ensure you have the following installed:

• Node.js
• MongoDB
• Git

---

🚀 Run Locally

1. Clone the repository:

git clone https://github.com/AntonChaikovskyi/xing
cd xing

2. Install frontend & backend dependencies:

cd frontend
npm install

cd ../backend
npm install

3. Configure environment variables Create .env file in /backend with:

APP_PORT=5050
NODE_ENV=development
MONGODB_URI=
JWT_SECRET=
JWT_EXPIRES_IN=1d

4. Start the servers:

Frontend:

cd frontend
npm run dev

Backend:

cd backend
npm run start

---

📂 Project Structure

xing/
├── frontend/              # React frontend
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   ├── lib/
│   │   ├── pages/
│   │   └── App.jsx
│   └── tailwind.config.js
│
├── backend/              # Node.js backend
│   ├── src/
│   │   ├── config/
│   │   ├── database/
│   │   ├── middleware/
│   │   ├── routes/
│   │   ├── routesmodels/
│   │   └── app.js/
│   └── package.json
│
├── README.md
└── LICENSE

🛡️ License

✍️ Author

💼 GitHub: https://github.com/AntonChaikovskyi

This project was built as part of a university project and personal exploration of NFT technology. © 2025 All rights reserved.