https://github.com/vignesh6236/harmonia-academy
Harmonia Academy is a modern, visually appealing landing page designed to represent the brand and values of Harmonia Academy.
https://github.com/vignesh6236/harmonia-academy
aceternity-ui nextjs reactjs tailwindcss typescript vercel
Last synced: 3 months ago
JSON representation
Harmonia Academy is a modern, visually appealing landing page designed to represent the brand and values of Harmonia Academy.
- Host: GitHub
- URL: https://github.com/vignesh6236/harmonia-academy
- Owner: Vignesh6236
- Created: 2024-12-02T06:15:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-06T07:53:01.000Z (over 1 year ago)
- Last Synced: 2025-04-06T18:50:45.691Z (about 1 year ago)
- Topics: aceternity-ui, nextjs, reactjs, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://harmonia-academy.vercel.app
- Size: 1.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Harmonia Academy Landing Page 🎸
**Harmonia Academy** is a modern, visually appealing landing page designed to represent the brand and values of Harmonia Academy. Built using Next.js, React, TypeScript, Tailwind CSS, and the Aceternity UI library, the site ensures a smooth user experience and professional presentation.
## Table of Contents
- [Project Description](#project-description-)
- [Features](#features-)
- [Tech Stack](#tech-stack-%EF%B8%8F)
- [Prerequisites](#prerequisites-)
- [Installation and Usage](#installation-and-usage-)
- [Screenshots](#screenshots-)
- [Deployment](#deployment-)
- [Contributing](#contributing-)
- [Acknowledgments](#acknowledgments-)
## Project Description 📖
The Harmonia Academy landing page is a showcase of the institution's offerings, designed to provide visitors with essential information and a seamless browsing experience. With a focus on aesthetics and functionality, this project serves as the digital front for Harmonia Academy.
## Features ✨
- **Responsive Design:** Fully optimized for desktop, tablet, and mobile devices.
- **Next.js Integration:** Includes a file-based routing system for efficient navigation.
- **UI Components:** Designed using the Aceternity UI framework for consistent styling and interactivity.
- **TypeScript Integration:** Static typing for better code quality and maintainability.
- **Tailwind CSS:** Modern utility-first CSS framework for faster styling and responsiveness.
## Tech Stack 🛠️
- **[Next.js](https://nextjs.org/):** React-based framework for building performant web applications.
- **[React](https://reactjs.org/):** Library for building the user interface.
- **[TypeScript](https://www.typescriptlang.org/):** For type safety and improved developer experience.
- **[Tailwind CSS](https://tailwindcss.com/):** Utility-first CSS framework for responsive and customizable styling.
- **[Aceternity UI](https://ui.aceternity.com/):** Component library for consistent and reusable design elements.
## Prerequisites 📦
Before running the project, ensure you have the following installed:
- **[Node.js](https://nodejs.org/):** For managing dependencies and running the server.
- **[Git](https://git-scm.com/):** For cloning the repository.
- **[Visual Studio Code](https://code.visualstudio.com/):** Recommended code editor.
## Installation and Usage 🚀
Follow these steps to run the Harmonia Academy project locally:
1. Clone the repository:
```bash
git clone https://github.com/Vignesh6236/harmonia-academy.git
```
2. Navigate to the project directory and install dependencies:
```bash
cd harmonia-academy
npm install -force
```
3. Start the development server:
```bash
npm run dev
```
4. Open your browser and navigate to `http://localhost:3000` to view the landing page.
## Screenshots 📷
### Desktop View
### Mobile View
## Deployment 🚀
The Harmonia Academy landing page is deployed using **[Vercel](https://vercel.com/)** . You can access the live site here:
**[https://harmonia-academy.vercel.app/](https://harmonia-academy.vercel.app/)**
## Contributing 🤝
Contributions are welcome! If you have ideas or suggestions, feel free to fork the repository, make your changes, and submit a pull request.
## Acknowledgments 🙏
- **[Next.js](https://nextjs.org/):** For the robust framework and file-based routing system.
- **[React](https://reactjs.org/):** For the dynamic frontend development.
- **[TypeScript](https://www.typescriptlang.org/):** For enhancing code quality and maintainability.
- **[Tailwind CSS](https://tailwindcss.com/):** For fast and efficient styling.
- **[Aceternity UI](https://ui.aceternity.com/):** For the beautiful and reusable UI components.
- **[Vercel](https://vercel.com/):** For providing seamless deployment and hosting solutions.