# Airbnb-clone
A Website Vacation Homes & Condo Rentals app Using Nextjs, Typescript, Tailwindcss, React-query, Zustand

## Overview
- Official website: [airbnb](https://airbnb-mian.vercel.app/)
- Author: SM Tanimur Rahman ( [@SMTanimur](https://github.com/SMTanimur) )

## Preview
![home](https://github.com/SMTanimur/airbnb-mian/assets/80884335/4da3fa76-766d-4120-85f6-6a2b79843738)



## Resources

Frontend : [Frontend_Url](https://github.com/SMTanimur/airbnb-mian)
BackendUrl: [Backend_url](https://github.com/SMTanimur/airbnb-backend)
## Frontend Main technology used
- Nextjs 13, Typescript
- Tailwindcss
- Zustand (State management)
- Axios (Support fetching data) and Graphql
- Swiper (Slider), react-modal
- React-form-hook , yup (Validation)
- React-hot-toast, sweetalert2 (Message UI)
- React-perfect-scrollbar
- React-perfect-scrollbar
- react-virtuoso
## Backend Main technology used
- Nestjs, Typescript
- Mongoose
- Express
- Passportjs
- Express-session base (Auth)
- Cloudinary


## Features

- Users can list their properties, including homes, apartments, cottages, and more, with details such as location, size, price, and availability.
- A robust search engine with filters for location, check-in/out dates, number of guests, price range, property type, and amenities.
- Post Todos:[Create/Update/Delete/Like]
-A booking system that allows users to reserve properties, choose dates, and make payments securely.
- An option for properties where guests can instantly book without host approval.


## Screenshots

<details>
 <summary>Home Page</summary>
 
 
![home](https://github.com/SMTanimur/airbnb-mian/assets/80884335/b116ede9-7bfa-4c48-be0b-565bad456cba)


 
</details>
<details>
 <summary>Filter Modal</summary>
 
 
![filter](https://github.com/SMTanimur/airbnb-mian/assets/80884335/3d787ab4-49f0-4177-81f7-49f50e570eef)


 
</details>
<details>
 <summary>Create your Home Modal</summary>
 
 
![create-home](https://github.com/SMTanimur/airbnb-mian/assets/80884335/e4c9b252-7088-491b-b4e8-f58e1635e6d8)


 
</details>
<details>
 <summary>Login</summary>
 
 

![login](https://github.com/SMTanimur/airbnb-mian/assets/80884335/11d74660-b5eb-49f8-849d-65d8772f6744)


 
</details>

 you can highlight your property's most prominent features and include your unique selling propositions.

Airbnb-clone

# UmmahLink-graphql
A Website Social app Using Nextjs, Typescript, Tailwindcss, React-query,Nestjs,Graphql, Zustand

## Overview
- Official website: https://ummah-link-graphql.vercel.app
- Author: SM Tanimur Rahman ( [@SMTanimur](https://github.com/SMTanimur) )

## Preview
![HomePage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/11a17c1f-4317-40ca-b9cb-406fa4632d5d)


## Resources

GithubUrl : https://github.com/SMTanimur/UmmahLink-graphql
## Frontend Main technology used
- Nextjs 13, Typescript
- Tailwindcss
- Zustand (State management)
- Axios (Support fetching data) and Graphql
- Swiper (Slider), react-modal
- React-form-hook , yup (Validation)
- React-hot-toast, sweetalert2 (Message UI)
- React-perfect-scrollbar
- React-perfect-scrollbar
- react-virtuoso

## Backend Main technology used
- Nestjs, Typescript
- Graphql
- Mongoose
- Express
- Passportjs
- Express-session base (Auth)
- Cloudinary


## Features

- Create User
- Search user by name or username
- Post Todos:[Create/Update/Delete/Like]
- Comment Todos:[Create/Update/Delete/Like] with nested comment
- Activity Feed:
A central feed where users can see posts, photos and updates from their followers or the people they follow.
- Profile Customization:Users can create and customize their profiles with profile pictures, cover photos, and personalized bio sections. They can also add religious affiliations and interests.
- Notification page : Notification of user ac
- Bookmark favourite products, store recently watched products
- Realtime notification of order status and discount code expiration

## Environment Variables

```
MONGODB_URI=mongodb://127.0.0.1:27017/ummahlink-graphql
NODE_ENV=development
PORT=3333
JWT_EXPIRATION=3036
JWT_SECRET=sjfdjfkkedfjkedf
MAIL=
WEB_URL=
API_URL=http://localhost:3333
SESSION_SECRET_KEY=fjdsfjksd
SESSION_NAME=ummahlink_sid
API_LOG_ENABLE=true
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
NEXT_PUBLIC_API_BASE_ENDPOINT=http://localhost:3333
```

## Screenshots

<details>
 <summary>Home Page</summary>
 
 
![HomePage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/928b8db7-1686-4e19-88a7-dd874f4fd81a)

 
</details>
<details>
 <summary>Create Post Modal</summary>
 
 
![CreatePostModal](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/06b68599-77ff-4dd7-8d64-0e4bfed85630)

 
</details>
<details>
 <summary>Follower Modal</summary>
 
 
![FollowerModal](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/37b13156-d988-4a45-b6b7-ba250f772300)

 
</details>
<details>
 <summary>Notification Alart</summary>
 
 
![NotificationAlart](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/144767e1-eb6e-4715-8029-6ba33654f3d7)


 
</details>
<details>
 <summary>Seach Page</summary>
 

![SearchPage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/66046240-ba20-4b8a-a922-82b0d119c33d)

 
</details>
<details>
 <summary>Sign Up Page</summary>
 
 
 ![SingupPage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/827aa1ae-343e-444a-b040-9c6e2f660e63)

 
</details>
<details>
 <summary>Sign In Page</summary>
 
 
![LoginPage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/022c4c73-c557-4d66-865c-985fa6b60805)

 
</details>
<details>
 <summary>Profile Page</summary>
 
 
![userPage](https://github.com/SMTanimur/UmmahLink-graphql/assets/80884335/7ccbe327-9e31-48c2-bf0a-290a6d5ee4e8)

 
</details>

A Website Social app Using Nextjs, Typescript, Tailwindcss, React-query,Nestjs,Graphql, Zustand

Ummahlink-social-media

# Jazila Bazar
Jazila Bazar - Multi-Vendor Ecommerce Platform


# Introduction
Jazila Bazar is a modern multi-vendor ecommerce platform built with cutting-edge technologies. It provides a seamless shopping experience for users and empowers vendors to showcase and sell their products effortlessly. This project is developed using Next.js 13, NestJS, React Query, Mongoose, TypeScript, Tailwind CSS, and Shadcn.

## Overview
- Official website: [Jazila-bazar](https://jazila-bazar.vercel.app/)
- Author: SM Tanimur Rahman ( [@SMTanimur](https://github.com/SMTanimur) )

## Preview

![Screenshot 2023-12-03 at 10-50-16 Jazila-bazar - Jazila-bazar Your Ultimate Multi-Vendor Marketplace](https://github.com/SMTanimur/Jazila-bazar/assets/80884335/c254a9d8-c61c-4f52-902c-f0ff9142c887)


## Resources

GithubUrl : [Jazila-bazar](https://github.com/SMTanimur/Jazila-bazar)

DashboardUrl : [dashboard](https://github.com/SMTanimur/jazila-dashboard)
## Frontend Main technology used
- Nextjs 13, Typescript
- Tailwindcss
- Zustand (State management)
- Shadcn (components library)
- Axios (Support fetching data) and Graphql
- Swiper (Slider), react-modal
- React-form-hook, yup (Validation)
- sonner, sweetalert2 (Message UI)
- react-query
- Jotai

## Backend Main technology used
- Nestjs, Typescript
- Mongoose
- Express
- Passportjs
- jwt base (Auth)
- Cloudinary


## Features

- Multi-Vendor Support: Allow multiple vendors to register and manage their own storefronts.
- Product Management: Vendors can easily add, edit, and remove products from their catalog.
- User Authentication: Secure user authentication using JWT tokens for enhanced security.
- Responsive Design: A mobile-friendly and responsive UI for a great user experience across devices.
- Search and Filters: Efficient search and filtering options to help users find products easily.
- Review and Ratings: Users can leave reviews and ratings for products they have purchased.
- Admin Dashboard: An admin dashboard for monitoring and managing the overall platform.


## Environment Variables

```
NEXT_PUBLIC_APP_URL=http://localhost:4200
NEXT_PUBLIC_API_URL=http://localhost:3333
NEXT_PUBLIC_OAUTH_GOOGLE_ID=
NEXT_PUBLIC_CLIENT_SESSION=
NEXT_PUBLIC_ADMIN_URL=http://localhost:4000
```

## Screenshots

<details>
 <summary>Home Page</summary>
 
 
![Screenshot 2023-12-03 at 10-50-16 Jazila-bazar - Jazila-bazar Your Ultimate Multi-Vendor Marketplace](https://github.com/SMTanimur/Jazila-bazar/assets/80884335/38a971c7-1b08-45c1-979d-27fdc8c4440d)


 
</details>

An e-commerce store. Search and filter through the products on sale, add them to your cart and check out