Skip to content

Up-to-code/freelancer-website

Repository files navigation

Freelance Marketplace Platform

Freelance Marketplace Screenshot

A modern freelance marketplace platform built with Next.js 14, TypeScript, and Tailwind CSS. This platform connects talented freelancers with clients looking for professional services.

🚀 Features

Features Overview

  • 🎨 Modern, responsive design
  • 👥 Freelancer profiles with ratings and reviews
  • 🔍 Category-based service browsing
  • ⭐ Client testimonials
  • 📱 Mobile-friendly interface
  • 🎯 Easy-to-use project posting
  • 🌐 Real-time collaboration tools

🚀 Getting Started

  1. Clone the repository:
git clone https://github.com/yourusername/freelance-marketplace.git
  1. Install dependencies:
cd freelance-marketplace
npm install
  1. Run the development server:
npm run dev
  1. Open http://localhost:3000 in your browser.

🚀 Tech Stack

  • Next.js 14
  • TypeScript
  • Tailwind CSS
  • Shadcn UI
  • Lucide Icons
  • React Server Components

🚀 Project Structure

freelance-marketplace/
├── app/
│   ├── page.tsx
│   └── layout.tsx
├── components/
│   ├── sections/
│   │   ├── Hero.tsx
│   │   ├── Categories.tsx
│   │   ├── Freelancers.tsx
│   │   ├── HowItWorks.tsx
│   │   ├── Testimonials.tsx
│   │   └── CTA.tsx
│   └── ui/
├── data/
│   ├── categories.ts
│   ├── freelancers.ts
│   └── testimonials.ts
├── public/
│   ├── images/
│   └── screenshots/
└── types/
    └── index.ts

🚀 Responsive Design

The platform is fully responsive and works seamlessly across:

  • Desktop computers
  • Tablets
  • Mobile devices

🚀 Design System

  • Modern and clean UI
  • Consistent spacing and typography
  • Accessible color scheme
  • Smooth animations and transitions

🚀 Configuration

Create a .env.local file in the root directory:

NEXT_PUBLIC_API_URL=your_api_url
NEXT_PUBLIC_ASSET_PREFIX=your_asset_prefix

🚀 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

🚀 Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

🚀 Support

For support, email support@yourplatform.com or join our Slack channel.

🚀 Acknowledgments

🚀 Updates

Stay tuned for regular updates and new features!


Made with ❤️ by Your Name

About

A modern freelance marketplace platform built with Next.js 14, TypeScript, and Tailwind CSS. This platform connects talented freelancers with clients looking for professional services.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors