Skip to content

🎡 Dive into this Musical Project repository, crafted with HTML, Tailwind CSS, TypeScript, and Next.js, featuring dynamic animations powered by Framer Motion and Aceternity UI!

Notifications You must be signed in to change notification settings

sanjaraiy/Nextjs_Project

Repository files navigation

🎡 Musical Academy Project

Welcome to the Musical Academy Project repository! This project is built with HTML, Tailwind CSS, TypeScript, and Next.js. It features dynamic animations using the Framer Motion library and Aceternity UI.

✨ Features

  • Dynamic Animations: Leveraging Framer Motion for smooth and engaging animations.
  • Modern UI: Crafted with Aceternity UI for a sleek and intuitive user interface.
  • Responsive Design: Built with Tailwind CSS to ensure a seamless experience on any device.
  • TypeScript: Ensuring type safety and improved developer experience.

πŸš€ Getting Started

To get started with the project, follow these steps:

Prerequisites

  • Node.js (v14 or higher)
  • npm

Installation

  1. Clone the repository:
git clone https://github.com/sanjaraiy/Nextjs_Project.git
cd musical-project
  1. Install dependencies:
npm install

Running the Project

To run the development server:

npm run dev

Demo Image

πŸ“ Project Structure

Here is an overview of the project structure:

β”œβ”€β”€ components    # Reusable components
β”œβ”€β”€ pages         # Next.js pages
β”œβ”€β”€ public        # Static files
β”œβ”€β”€ styles        # Global styles
β”œβ”€β”€ tsconfig.json # TypeScript configuration
└── next.config.js# Next.js configuration

πŸ“š Technologies Used

  • Next.js: The React framework for production.
  • Tailwind CSS: A utility-first CSS framework.
  • TypeScript: JavaScript with syntax for types.
  • Framer Motion: A library for animations.
  • Aceternity UI: A modern UI component library.

🌟 Contributing

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Commit your changes (git commit -m 'Add some feature').
  4. Push to the branch (git push origin feature/your-feature-name).
  5. Open a pull request.

Happy coding! πŸŽ‰ Feel free to customize it further to match your project's specifics and requirements!

About

🎡 Dive into this Musical Project repository, crafted with HTML, Tailwind CSS, TypeScript, and Next.js, featuring dynamic animations powered by Framer Motion and Aceternity UI!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published