Hi, I'm Akash Kumar Ram! 👋

Welcome to my GitHub! I'm a Frontend Developer skilled in JavaScript, TypeScript, Tailwind CSS, ReactJS, Next.js, Docker, and System Design. Let's build innovative web solutions together!

🚀 About Me

As a skilled Frontend Developer, I specialize in JavaScript, TypeScript, Tailwind CSS, ReactJS, Next.js, Docker, and System Design. With a passion for crafting intuitive user experiences and a keen eye for detail, I bring innovative solutions to the forefront of web development. Let's collaborate to bring your projects to life!

🔗 Links

Airbnb | Holiday rentals, cabins, beach houses & more

Explore our Full Stack Airbnb clone! Utilizing TypeScript, Tailwind CSS, Shadcn UI, NextJS, and Supabase, enjoy easy sign-in, Google/GitHub logins, and precise hotel searches by country and date range. Filter by categories, list your hotels, and effortlessly manage them via the admin dashboard. Begin your travel adventure now!

Screenshots

Demo

https://airbnb-nine-puce.vercel.app

Features

• Seamless Authentication: Sign in and out effortlessly, and elevate your experience with Google and GitHub social logins.

• Efficient Search: Explore accommodations worldwide by country and effortlessly select your desired date range for a perfect stay.

• Tailored Filtering: Customize your search with filter options by categories, ensuring you find the ideal stay that suits your preferences.

• Personalized Listings: Create your own listing and showcase your unique accommodations to the world. Our intuitive admin dashboard allows you to manage and track your listings with ease, offering flexibility to delete or modify as needed.

Tech Stack

Client: TypeScript , Tailwind CSS , Shadcn UI , NextJS

Server: Supabase

Installation

Install my-project with npm

  git clone <https://github.com/AkashKumarRam/Airbnb.git>

  cd airbnb

  npm install

Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file

NEXT_PUBLIC_SUPABASE_URL

NEXT_PUBLIC_SUPABASE_ANON_KEY

NEXT_PUBLIC_S3_BUCKET

Run Locally

Clone the project

 git clone https://github.com/AkashKumarRam/Airbnb.git

Go to the project directory

  cd airbnb

Install dependencies

  npm install

Start the server

  npm run dev

Deployment

To deploy this project run

  npm run build

🛠 Skills

• JavaScript ⚡️
• TypeScript 📘
• Tailwind CSS 💻
• ReactJS ⚛️
• Next.js 🚀
• Docker 🐳
• System Design ⚙️

Feedback

If you have any feedback, please reach out to us at LinkedIn

FAQ

What if I don't run this project?

Connect with me on LinkedIn

Support

For support, Dm me on LinkedIn

Lessons Learned

Complex Form Implementation: Learned to streamline complex hotel listing forms using React Hook Form. Enhanced user experience with dynamic features like date pickers and image uploads.

Supabase Backend Mastery: Mastered Supabase for rapid backend setup and management, authentication and social logins, Leveraged real-time capabilities for seamless data synchronization, ensuring responsive user interactions.

Related

Here are some related projects

MoonFlix - Watch TV Shows Online, Watch Movies Online.

Authors

• @Akash Kumar Ram