https://github.com/abdullah0dev/animevault
A Next.js and Tailwind CSS-powered anime website featuring a sleek, modern UI/UX design
https://github.com/abdullah0dev/animevault
Last synced: 7 months ago
JSON representation
A Next.js and Tailwind CSS-powered anime website featuring a sleek, modern UI/UX design
- Host: GitHub
- URL: https://github.com/abdullah0dev/animevault
- Owner: Abdullah0Dev
- Created: 2024-07-13T05:05:59.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-13T05:56:22.000Z (almost 2 years ago)
- Last Synced: 2024-12-28T19:46:02.536Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://animevaulted.netlify.app/
- Size: 1.48 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Modern UI/UX website
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
AnimeVault - A Next.js and Tailwind CSS-powered anime website featuring a sleek, modern UI/UX design. With its stylish interface, smooth animations, and immersive user experience, AnimeVault sets a new standard for modern web applications and offers inspiration for future projects.
- Next.js
- Tailwind CSS
## 🔋 Features
👉 Smooth Animations: Engaging effects triggered by mouse movements and scrolling.
👉 Complex UI Geometry: Utilizes Tailwind CSS for intricate shapes like cards.
👉 Latest UI Trends: Incorporates modern design elements and aesthetics.
👉 Responsive Design: Ensures seamless functionality and visuals across all devices.
👉 Code Architecture & Reusability: Emphasizes well-structured code and reusable components.
And many more!
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/Abdullah0Dev/animevault.git
cd animevault
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.