Skip to content
 
 

Repository files navigation

🛠️ SkillTrade

SkillTrade is a modern web platform that connects users with skilled professionals—electricians, painters, plumbers, and more—to simplify the process of hiring trusted service providers.


🔗 Live Demo

Check out the live version here: SkillTrade Live


✨ Features

  • 🔍 Browse and book skilled professionals easily
  • 🔐 Secure user and provider authentication
  • 💡 Intuitive, modern UI built with Next.js
  • 👥 Role-based access: Users and Service Providers

📸 Preview

Here’s a glimpse of what Skilltrade looks like:

🖥️ Landing Page

Landing Page

🛠️ New Service Section

New Service

📝 Register

Register

💬 Testimonials

Testimonial

📞 Contact Us

Contact Us

🤖 SkillBot

Skill Bot

🧰 Tech Stack

Area Technology
Frontend Next.js
Backend Node.js, Express.js
Database MongoDB
Auth/ORM JWT, Mongoose

🧑‍💻 Getting Started

To run SkillTrade locally, follow the steps below. Make sure you have all required tools installed.

🔗 Prerequisites


📦 Installation

1. Fork & Clone the Repository

  • Click the Fork button (top-right of this page)
  • Clone your forked repository:
git clone https://github.com/YOUR_USERNAME/Skill_Trade.git
cd Skill_Trade

⚙️ Frontend Setup

  1. Navigate to the frontend directory:
cd Skill_Trade
  1. Install dependencies:
npm install
  1. Create a .env.local file in the skill directory:
NEXT_PUBLIC_BASE_URL=http://localhost:8000
NEXT_PUBLIC_HERE_API_KEY=

🔑 Get your HERE Maps API key from developer.here.com

  1. Run the frontend server:
npm run dev

The app will be running at http://localhost:3000


🔧 Backend Setup

  1. Navigate to the backend directory:
cd ../server
  1. Create a .env file in the server directory:
DB_CONNECT=your_mongodb_uri
email_id=             # Optional: for email functionality
pass_key=             # Optional: for email functionality
PORT=8000
SECRET=UJSBBFGSIERNFDJDKKSJ    # Change this for production!
  1. Install backend dependencies:
npm install
  1. Start the backend server:
npx nodemon server

The backend will be running at http://localhost:8000


📝 Usage

Once both frontend and backend are running:

  1. Open your browser and visit: http://localhost:3000
  2. Register or login
  3. Browse and book nearby service providers 🎯

🤝 Contributing

We welcome contributions! Follow the steps below:

Steps

  1. Fork the repository
  2. Create a new branch for your feature or bug fix:
git checkout -b your-feature-name
  1. Make your changes
  2. Stage and commit:
git add .
git commit -m "Add: your meaningful commit message"
  1. Push your branch:
git push origin your-feature-name
  1. Open a Pull Request:
    • Go to your fork on GitHub
    • Click "Compare & pull request"
    • Fill in a clear title and description
    • Submit!

Contribution Guidelines:

  • Ensure your code builds and works correctly
  • Use descriptive commit messages (Conventional Commits)
  • Address feedback in code reviews

📢 Contact

For any questions, suggestions, or issues, feel free to open an issue on GitHub.


📄 License

This project is licensed under the MIT License.
You’re free to use, modify, and share this software under the license terms.


Happy Coding! 🎉😀

Releases

Packages

Contributors

Languages