/pic-prism-mern

A multi Vendor platform made with MERN stack and Tailwind css where you can buy and sell assets. Create account login and start buying or selling. You will also get proper details of oprders and analytics.

Primary LanguageJavaScript

Pic Prism

Pic Prism is a MERN full-stack web application build using MERN stack (MongoDB, Express, React, Node.js).

It is A Multi Vendor Platform Where You Can be a Buyer as well as Seller

A Platform where You can be a Buyer as well as Seller. Click Post and Earn! Requirements? Nothing Just create your account and start earning by posting your pictures and you can decide for how much you wanna sell your clicked pics. You will get all stats like how much you earned spend and all details Try and know more

As a Seller:

After signing up as a Seller on your dashboard you can Upload your assets and then fill the form in which you have to provide title and set your price. You will also get details like order details and analytics graph for this week month and this year.

As a Buyer:

After signing up as a Buyer on your dashboard you can purchase any assets and then it will be displayed in your profile. You can also check your analytics like how much you spend this week, month and this Year and you will also get your all order details.

Features

Image Browsing: View a gallery of images posted by different Users and You can be one of them

Buy and Sell : If you are a seller you can upload and sell your pics and if you are a buyer you can buy images just signup and create your account to buy and sell

User Authentication: Secure login and registration.

Responsive Design: Optimized for both desktop and mobile devices.

Tech Stack

Client: JavaScript, React, Tailwind Css

Server: Node, Express

Database: MongoDB

Authentication: JWT

Run Locally

Clone the project

  git clone https://github.com/aadarshraj02/pic-prism-mern

Go to the project directory

  cd pic-prism-mern

Frontend Setup

Navigate to Frontend directory

cd client

Install dependencies

npm install

Start the server

npm run dev

Backend Setup

Navigate to Backend directory

cd server

create .env file and add your environment variables

MONGO_URI = your_mongodb_connection_string
JWT_SECRET = your_jwt_secret

Install dependencies

npm install

Start backend server

nodemon index.js

Usage

Open your browser and navigate to http://localhost:5172 to view the application.

Register or log in to start using the features.

Browse the image gallery and buy or upload and download the images.

Acknowledgements

React

Node.js

Express

MongoDB

Tailwind CSS