Metaverse Modern Website is a sleek, interactive site showcasing a futuristic metaverse concept. Built with Next.js 13 and React, it leverages Framer-Motion for smooth animations and a modern UI. This project highlights my ability to create visually appealing, user-friendly frontends, aligning with Amana’s goal of improving UI/UX for DeFi users.
- Dynamic UI: Interactive sections with smooth animations using Framer-Motion.
- Responsive Design: Fully responsive layout for desktop and mobile users.
- Modern Aesthetics: Clean design with a futuristic theme, enhancing user engagement.
- Next.js Routing: Seamless navigation using Next.js 13’s app folder structure.
- Next.js 13: For server-side rendering and static generation.
- React: For building reusable UI components.
- Framer-Motion: For animations and transitions.
- CSS: Custom styles for a polished look.
To run this project locally, follow these steps:
- Node.js (v16 or higher)
- Git
-
Clone the repository:
git clone https://github.com/RohitKS7/Metaverse-Modern-NEXT-13-Site.git cd Metaverse-Modern-NEXT-13-Site -
Install dependencies:
npm install
-
Run the app:
npm run dev
-
Open http://localhost:300 in your browser to see the site.
app/: Next.js pages and layouts (using Next.js 13 app folder).
components/: Reusable React components for sections and animations.
styles/: Custom CSS for styling.
public/: Static assets like images.
This project demonstrates my expertise with Amana’s stack:
-
Built with Next.js and React, matching Amana’s frontend requirements.
-
Focuses on modern UI/UX with animations, similar to Amana’s need for a user-friendly DeFi interface.
-
Shows my ability to create engaging designs, like the Amana mockup.
I built this project from scratch, designing the UI and implementing the frontend with Next.js 13, React, and Framer-Motion. I focused on creating a seamless user experience with a futuristic feel.
This project is open-source under the MIT License—free to use and modify.
For questions, reach out to me on LinkedIn & X.