SkillAble is a full-stack freelancing platform that connects clients with skilled freelancers. The platform allows users to browse gigs, place orders, communicate with freelancers, and process payments securely.
This project consists of two main components:
- Client: React-based frontend application
- API: Express.js backend server
- Node.js (v14 or higher)
- npm or yarn package manager
- MongoDB database
- Stripe account for payment processing
- Navigate to the API directory:
cd api - Install dependencies:
npm install - Create a
.envfile with the following variables:MONGO=your_mongodb_connection_string JWT_KEY=your_jwt_secret_key STRIPE_SECRET_KEY=your_stripe_secret_key - Start the server:
npm start
- Navigate to the client directory:
cd client - Install dependencies:
npm install - Create a
.envfile with the following variables:VITE_API_BASE_URL=http://localhost:8800/api/ VITE_STRIPE_PUBLIC_KEY=your_stripe_public_key_here - Start the development server:
npm run dev
- User authentication and authorization
- Gig browsing and creation
- Order management
- Messaging system
- Review system
- Secure payment processing with Stripe
- React
- React Router
- React Query
- Axios
- SCSS
- Stripe JS
- Express.js
- MongoDB with Mongoose
- JSON Web Tokens (JWT)
- bcrypt for password hashing
- Stripe API
For more detailed information about each component:
- Client Documentation
- API Documentation (see API directory)
ISC