https://github.com/omunite215/project_metaverse

A website which is a Landing Page of a Metaverse based Business.
https://github.com/omunite215/project_metaverse

framer-motion landing-page metaverse nextjs tailwindcss typescript

Last synced: 6 days ago
JSON representation

A website which is a Landing Page of a Metaverse based Business.

• Host: GitHub
• URL: https://github.com/omunite215/project_metaverse
• Owner: omunite215
• Created: 2023-03-30T17:22:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-12T08:42:40.000Z (about 1 year ago)
• Last Synced: 2023-12-12T09:40:29.412Z (about 1 year ago)
• Topics: framer-motion, landing-page, metaverse, nextjs, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://project-metaverse-beta.vercel.app/
• Size: 27.4 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project Metaversus - A Metaverse UI/UX Landing Page

![image](https://github.com/omunite215/Project_Metaverse/assets/78680563/8a8bd774-28af-4daa-9efc-632a8b7e8f5a)

This was made using Next.JS JavaScript. Initially made using tutorial of [JavaScipt Mastery](https://youtu.be/ugCN_gynFYw?feature=shared). Now it is made on using TypeScript.

Features added other than Tutorial:-

- Upgraded from Node.JS to Bun.JS (A Faster JavaScript Runtime).

- Upgraded from JavaScript to TypeScript.

- Added Fluid Animations using Framer-Motion.

- Removed unused CSS and Optimized Code.

### Link to Figma File:



  

    

      

    

  



A website which is a Landing Page of a Metaverse based Business.

### The project is hosted on Vercel : [Metaversus](https://project-metaverse-beta.vercel.app/)

## :star: Give A Star

You can also give this repository a star to show more people and they can use this repository.

# Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you start, make sure you have the following software installed on your computer:

[![My Skills](https://skillicons.dev/icons?i=nodejs)](https://skillicons.dev)

## ℹ️ How to use this Repository?

1. Clone the repository to your local machine

```bash

  git clone https://github.com/omunite215/Project_Metaverse.git

```

2. Navigate to the project directory

```bash

  cd Project_Metaverse

```

3. Install the necessary dependencies

```bash

  npm install

```

4. Start the development server

```bash

  npm start

```

The website should now be up and running on http://localhost:3000.

## 🏠 Built With:

[![My Skills](https://skillicons.dev/icons?i=react,tailwind,nextjs,vscode,vercel)](https://skillicons.dev)

## 🛠 Skills

[![My Skills](https://skillicons.dev/icons?i=html,css,js,ts,react,nextjs,figma)](https://skillicons.dev)

## 🚀 About Me

Specializations:

- UI/UX Design.

- Web Development

## 🙋‍♂️ Connect With Me



  

    

      

    

  

   

    

      

    

  

  

    

      

    

  

   

    

      

    

  



## 🗒️ Authors

- Om Patel