🪙 Coin App

A full-stack web application for managing and browsing coins with admin functionality. The app allows users to view coins by category, see coin details, add coins to a cart, and provides a secure admin panel to manage coin listings.

---

🚀 Features

🌐 User Side

• 🏠 Home Page – Showcasing featured coins and categories.
• 🪙 Coin List – Browse coins with filtering options.
• 🔍 Coin Details – View detailed information about each coin.
• 🛒 Cart – Add and manage coins in a shopping cart.
• 🔐 User Login – Secure login for users.

🛠️ Admin Side

• 🔒 Admin Login – Protected login for admin panel.
• ➕ Add New Coins – Admins can create new coin listings.
• 📝 Manage Coins – Edit and delete existing coins.
• 📋 View Admin Coin Lists – Overview of all coins in the system.

---

🛠️ Tech Stack

Frontend

• React (Vite)
• Redux (State Management)
• CSS Modules (Scoped styling)
• SVG Assets for UI icons

Backend

• Node.js & Express.js
• MongoDB (if connected) / Mock DB
• REST API (CRUD for coins, authentication routes)

---

📁 Project Structure

coin/
├── backend/ # Node.js backend
│ ├── router/ # Express route handlers
│ ├── server.js # Entry point
│ └── connection.js # DB connection setup
├── frontend/ # React frontend
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Page-level components
│ │ ├── redux/ # Redux slices and store
│ │ └── assets/ # Fonts & SVGs
│ └── vite.config.js
└── README.md

---

📦 Installation

🔥 Clone the repository

git clone https://github.com/<your-username>/coin.git
cd coin

📦 Backend Setup

cd backend
npm install
node server.js

Server will run on http://localhost:5000.

💻 Frontend Setup

cd frontend
npm install
npm run dev

Frontend will run on http://localhost:5173.

👩‍💻 Created By

Built with by Minurə Seyidova
💼 Junior JavaScript (React) Software Engineer
📧 minureseyidova@gmail.com
🔗 LinkedIn | GitHub