https://github.com/d-parinita/e-commerce-rest-api-react-admin
A modern eCommerce admin panel built with Next.js, Tailwind CSS, and REST API, leveraging AWS S3 Signed URLs for secure media management.
https://github.com/d-parinita/e-commerce-rest-api-react-admin
aws-s3 nextjs reactjs rest-api tailwindcss
Last synced: 4 months ago
JSON representation
A modern eCommerce admin panel built with Next.js, Tailwind CSS, and REST API, leveraging AWS S3 Signed URLs for secure media management.
- Host: GitHub
- URL: https://github.com/d-parinita/e-commerce-rest-api-react-admin
- Owner: d-parinita
- Created: 2025-02-21T20:30:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-10T09:05:11.000Z (over 1 year ago)
- Last Synced: 2025-06-13T22:40:04.734Z (about 1 year ago)
- Topics: aws-s3, nextjs, reactjs, rest-api, tailwindcss
- Language: JavaScript
- Homepage: https://e-commerce-rest-api-react-admin-a8tw.vercel.app/
- Size: 165 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Commerce Admin Project
## Overview
This project is a modern dynamic e-commerce admin frontend application built using Next.js, Tailwind CSS, and Context API for global state management. It provides a seamless user experience with optimized performance, responsive design and secure file uploads using AWS S3 pre-signed URLs.
## Technologies Used
**Next.js** - React framework for the frontend.
**Tailwind CSS** - Utility-first CSS framework for styling.
**AWS S3 Signed URL** - Secure file uploads using AWS S3 pre-signed URLs.
**REST API** - Communicates with the backend for fetching and managing data.
**Context API** - Handles global state management efficiently.
## Features
**User Authentication** - Secure login functionality.
**Product Catalog** - Displays, add and remove products.
**Categories Catalog** - Displays, add and remove categories.
**Order Management** - Users can view all orders and update order status.
**Image Uploads** - Uses AWS S3 signed URLs for secure image storage.
**Mobile Responsiveness** - Fully optimized for different screen sizes.
## Prerequisites for Setting Up the Project
### 1. Clone the Backend Repository
```sh
git clone https://github.com/babluroy/node.js-eCommerce-Backend.git
cd node.js-eCommerce-Backend
```
### 2. Start the backend server by following the setup instructions from the backend repository.
Ensure the backend is running successfully.
### 3. Set Up the Frontend Environment Variables
In the frontend project, create a `.env.local` file and add the following environment variables:
```env
NEXT_PUBLIC_API_URL=
NEXT_PUBLIC_RAZORPAY_TEST_KEY=
```
Replace `` and `` with the actual values.
### 4. Install Dependencies and Start the Frontend
```sh
npm install
npm run dev
```
The application should now be running successfully.