Skip to content

Latest commit

 

History

History
73 lines (60 loc) · 2.59 KB

README.md

File metadata and controls

73 lines (60 loc) · 2.59 KB

Fanaka Kids Talent Academy

Fanaka Kids Talent Academy is a frontend web application built with React and Vite. The website showcases a school that offers programs in Ballet, Public Speaking, and Chess. The application is designed with a modern and responsive user interface, leveraging Tailwind CSS for styling, React Icons and Lucide for icons, and AOS (Animate On Scroll) for animations.

Features

  • Fast and Modern Setup: Built with React and Vite for optimized performance.
  • Styling: Tailwind CSS for a clean and responsive design.
  • Animations: AOS (Animate On Scroll) for smooth scroll animations.
  • Icons: Utilizes React Icons and Lucid for visual enhancements.
  • Node Version Management: Uses nvm use 18 to ensure compatibility.

Technologies Used

  • React (Frontend framework)
  • Vite (Build tool for fast development)
  • Tailwind CSS (Styling framework)
  • React Icons & Lucid Icons (Icon libraries)
  • AOS Animation (For smooth scrolling effects)
  • NVM (Node Version Manager) (Ensuring the correct Node.js version)

Installation and Setup

Prerequisites

Ensure you have the following installed:

  • Node.js (Use nvm use 18 to switch to the required version)
  • NVM (Node Version Manager)

Steps to Run the Project

  1. Clone the Repository:

    git clone https://github.com/your-username/fanaka_kids_talent_academy.git
cd fanaka_kids_talent_academy

  2. Set Node.js Version:

    nvm use 18

  3. Install Dependencies:

    npm install

  4. Run the Development Server:

    npm run dev

  5. Open your browser and go to http://localhost:5173/ to view the application.

Project Structure

fanaka_kids_talent_academy/
│── src/
│   ├── components/     # Reusable React components
│   ├── pages/          # Application pages
│   ├── assets/         # Static files (images, icons, etc.)
│   ├── styles/         # Tailwind CSS configurations
│   ├── App.jsx         # Main app component
│   ├── main.jsx        # Entry point
│── public/             # Static public assets
│── package.json        # Project dependencies and scripts
│── vite.config.js      # Vite configuration
│── README.md           # Project documentation

Contact

For any inquiries or contributions, feel free to reach out:

Fanaka Kids Talent Academy - Inspiring Young Minds!