Whisiper is a modern location-based social networking application that allows users to share and discover content based on their geographic location. Built with Next.js and .NET, it offers a unique way to connect with people and content in your vicinity.
- 📍 Location-based content discovery
- 🗺️ Interactive map integration with MapLibre GL
- 📱 Responsive design
- ♾️ Infinite scroll functionality
- 🖼️ Image upload and cropping
- 👍 Like/Dislike system
- 🔐 User authentication
- 📄 Post creation and management
- Next.js 13+
- React
- TypeScript
- TanStack Query (React Query)
- Tailwind CSS
- MapLibre GL
- Axios
- .NET 8
- SQL Server
- Entity Framework Core
- Domain-Driven Design
- Node.js 18+
- npm or yarn
- .NET 8 SDK
- SQL Server
- Clone the repository
git clone https://github.com/yourusername/whisiper.git
cd whisiper- Install frontend dependencies
npm install
# or
yarn install- Configure environment variables
Create a
.envfile in the root directory and add:
NEXT_PUBLIC_API="https://api2.bugtech.ir"
NEXT_PUBLIC_API_AUTH="https://auth.bugtech.ir"- Start the development server
npm run dev
# or
yarn devwhisiper/
├── src/
│ ├── components/
│ │ ├── posts/
│ │ ├── Profile/
│ │ └── utils/
│ ├── store/
│ ├── types/
│ └── pages/
├── public/
└── styles/
FeedFetcher: Handles post fetching and infinite scrollPostInfo: Displays post metadata and interactionsProfileHeader: Manages user profile and image uploadMapComponent: Handles map visualization and location markers
- Posts are fetched based on user's current location
- Distance calculation between user and posts
- Interactive map showing post locations
- Image upload with preview
- Image cropping functionality
- Optimized image loading
- Token-based authentication
- Secure API requests
- Protected routes
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details
Your Name - @MehranRastgar Project Link: https://github.com/yourusername/whisiper