💻 ChaiCode Landing Page

A modern, responsive landing page for a coding platform, built with React, Vite, TailwindCSS, Framer Motion, and React Icons. This project showcases smooth animations, sleek design, and a fast development setup.

🚀 Tech Stack

• React
• Vite
• TailwindCSS
• Framer Motion
• React Icons

✨ Features

• Responsive design for all screen sizes
• Smooth animations and transitions with Framer Motion
• Easy-to-customize UI components
• Modular code structure using React
• Lightning-fast build and dev server with Vite

🖼️ Preview

Fully Responsive

🔴 Live Link

Do Check It Out chaicode

📦 Getting Started

Prerequisites

• Node.js (v14 or later)

Follow these steps to run the project locally:

1. Clone the repository

git clone https://github.com/sourav-sm/chai_code_LandingPage.git
cd chaicode

2. Install Dependencies

npm install
# or
yarn install

3. Clone the repository

npm run dev
# or
yarn dev

🛠 Folder Structure

chaicode/
├── public/
│   ├── favicon.ico
│   └── other-static-assets/
├── src/
│   ├── assets/
│   │   └── images-of-logos-and-icons
│   ├── components/
│   │   ├── BenefitCard.jsx
│   │   ├── Card.jsx
│   │   ├── Collage.jsx
│   │   ├── Header.jsx
│   │   ├── Loading.jsx
│   │   ├── LogoCarousel.jsx
│   │   ├── Rating.jsx
│   │   └── TweetCards.jsx
│   ├── hooks/
│   │   └── useInViewFade.jsx
│   ├── pages/
│   │   ├── Home.jsx
│   │   └── NotFound.jsx
│   ├── sections/
│   │   ├── Appdownload.jsx
│   │   ├── Cohort.jsx
│   │   ├── Community.jsx
│   │   ├── Feature.jsx
│   │   ├── Footer.jsx
│   │   ├── FreeApi.jsx
│   │   ├── Hero.jsx
│   │   ├── KeyBenefit.jsx
│   │   ├── Tag.jsx
│   │   ├── Testimonials.jsx
│   │   ├── TweetSection.jsx
│   │   └── Udemy.jsx
│   ├── App.css
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .gitignore
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── vite.config.js
└── README.md

Contribution

We welcome contributions from the community! Follow these steps to contribute:

1. Fork the repository on GitHub.
2. Create a new branch with a descriptive-name.
3. Make your changes and commit them with clear and concise messages.
4. Push your changes to your fork.
5. Create a pull request to the main branch of the original repository.

Contact

For any questions or suggestions, feel free to open an issue or contact here.

• Sourav Mohanta - developersourav135@gmail.com
• Portfolio: https://sourav-mohanta.vercel.app/