Skip to content

pandeyji711/Upcycle_Market_

 
 

Repository files navigation

Upcycle Market

Overview

The Upcycle Market is an innovative web platform designed to promote sustainability by providing a space for users to explore and share eco-friendly, upcycled products. The platform allows users to browse through upcycled items, interact with posts, and securely purchase products. The website offers a personalized experience with login and signup options, AI-powered product searches, and a seamless payment system.

Key functionalities include:

  • Browsing eco-friendly upcycled products
  • Signing up and logging in to personalized user feeds
  • Searching for products using an AI-powered search engine
  • Creating posts to list upcycled products
  • Liking, commenting, and purchasing products with an integrated payment system
  • Managing user profiles and post data with a secure database

Features

  • Product Listings: View upcycled products listed by various sellers. The products come with descriptions, images, and prices.
  • User Account Management: Users can sign up by providing their name, username, email, password, and profile photo. Returning users can log in to their personalized feed.
  • AI-Powered Search: The platform uses artificial intelligence to provide the best product search results based on user preferences and previous searches.
  • Create a Post: Sellers can create posts to list their upcycled products, including images, product details, and pricing.
  • Engagement Options: Users can like, comment, and share their thoughts on the posts they find interesting.
  • Secure Payments: The platform integrates a secure payment system, allowing users to easily purchase products directly from the marketplace.
  • User Feed: After logging in, users can view their personalized feed where they can see recommended products and interact with others’ posts.
  • Profile Management: Each user has a personalized profile page, which stores their account details, posts, and other relevant information securely in the database.

Technologies Used

  • HTML5: Structure and content of the web pages.
  • CSS3: Styling and layout.
  • JavaScript: Client-side scripting.
  • Node.js: Backend functionality and server-side logic.
  • Express.js: Web framework for Node.js to handle routing and server management.

Screenshots

Homepage

homepage

Signup

signup

Login

login

User Feed

feed

AI Search

aisearch

Create Post

createpost

Payment Integration

payment

Prerequisites

Before running the project, make sure you have the following installed on your system:

  • Node.js
  • Git

Setup Instructions

  1. Clone the Repository- First, clone the repository to your local machine by running:

     git clone https://github.com/anshikatiwari20/Upcycle_Market_.git
  2. Navigate to the Project Folder- After cloning the repository, navigate to the project directory by running:

    cd Upcycle_Market_
  3. Install Dependencies- If you haven't already installed the required dependencies, run the following command:

    npm install

This will install all the necessary packages listed in the package.json file.

  1. Start the Server- To start the server, run:
    node app.js

The server will be running locally on http://localhost:3000.

  1. Run the Project- Once the server is running, open your browser and navigate to http://localhost:3000/home to see the project in action or you can navigate to http://localhost:3000/index for directly Login or SignUp. However, for full functionality, it is recommended to run the server first.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 46.6%
  • JavaScript 39.5%
  • HTML 13.9%