Skip to content

🚀 Welcome to our GitHub repository, Officially accepted for GSSOC Ext'24 🌟& WOB'24🌟Hactoberfest'24 🌟Explore a dynamic collection of front-end projects, powered by HTML, CSS, JavaScript, and React. Join our community to contribute your creations 🎨, add features 🛠️, or squash bugs 🐛 in existing projects.

License

Notifications You must be signed in to change notification settings

apu52/METAVERSE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

METAVERSE

Metaverse Poster

Welcome to the METAVERSE

✨ Project Structure

Check the project structure here Project Structure

📌 Open Source Program

This project is now OFFICIALLY accepted for

This project was part of the following Open Source Programs


About METAVERSE

Welcome to the "Metaverse Front-End Playground" – your gateway to the future of web development in the metaverse! 🌐🚀 Metaverse Front-End Playground is an open-source repository created to empower developers to explore, innovate, and collaborate in the metaverse space. Whether you're a seasoned developer looking to showcase your metaverse projects or a newcomer eager to dive into the virtual realm, you're invited to join our dynamic community!

We also have a Discord server to discuss doubts and suggestions! Make sure to join it here:
image

Announcement 📢

All of the projects of this repo can be seen in the deployment link in the about section

Achievement 🏆

METAVERSE repo has secured a position in top 50 maintainer repositories in QUINE HACTOBERFEST challenge 🏅

Available Projects

S.No Projects S.No Projects S.No Projects S.No Projects
1. AI-Images-Generator 2. API_IMAGES 3. Age_Calculator 4. Amazon-Clone
5. Analog_Clock 6. Astronomy 7. AudioExtract 8. BMI_Calculator
9. Bake_website 10. Band_Name_Generator

& many more.......

You can find All the Projects

Blog

What You'll Discover Here:

  • Diverse Metaverse Projects:

    Our repository features a wide spectrum of metaverse-related front-end projects. From HTML, CSS, and JavaScript to immersive React experiences, you'll find projects that push the boundaries of the metaverse.
  • 🤝 Collaboration:

    Metaverse Front-End Playground thrives on collaboration. You can enhance existing metaverse projects, contribute new features, or even conjure up entirely new metaverse experiences. Your creative contributions are highly valued!
  • 🚀Learning Opportunity:

    If you're new to metaverse development, this repository is an excellent launchpad. Collaborate with experienced metaverse developers, gain valuable insights, and immerse yourself in creating groundbreaking virtual worlds.

What can you contribute?

How to contribute?

  • Drop a Star in this repo
  • Take a look at the existing Issues.
  • Fork the Repo create a branch for any issue that you are working on and commit your work.
  • At first raise an issue in which you want to work
  • Please do not make more than 2 issues at a time , Once your PR have been merged only then go for the next issue
  • Then when you are get assigned only then work on that issue & make a PR
  • Please try to make a separate branch in your fork in case of PR
  • Create a Pull Request, which will be promptly reviewed and given suggestions for improvements by the community.
  • REMINDER: Commit inside the Projects Folder
  • Find the already Existing Projects in the Projects Folder
  • Add screenshots or video prototypes to your Pull Request to help us understand the effects of the changes that are included in your commits.

Installation and Setup

Prerequisites

  • Node.js
  • npm

Steps

  1. Clone the repository:

    git clone https://github.com/apu52/METAVERSE.git
  2. Navigate to the project directory:

    cd METAVERSE
  3. Install Dependencies:

    npm install
  4. Run the project:

    npm start
  5. Contribution Guidelines Move detailed steps to a new CONTRIBUTING.md file and link to it:

Back To Top

How to make a Pull Request?

1. Start by forking the METAVERSE repository. Click on the symbol at the top right corner.

2. Clone your forked repository:

git clone https://github.com/<your-github-username>/METAVERSE

3. Navigate to the new project directory:

cd METAVERSE

4. Set upstream command:

git remote add upstream https://github.com/apu52/METAVERSE

5. Create a new branch:

git checkout -b YourBranchName

or

git branch YourBranchName
git switch YourBranchName

6. Sync your fork or local repository with the origin repository:

  • In your forked repository click on Fetch upstream.
  • Click Fetch and merge.

Alternatively, Git CLI way to Sync forked repository with origin repository:

git fetch upstream
git merge upstream/main

Github Docs for Syncing

Read the documentation

7. Make your changes to the source code.

8. Stage your changes and commit:

⚠️ Make sure not to commit package.json or package-lock.json file

⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder

git add file/folder
git commit -m "<your_commit_message>"

9. Push your local commits to the remote repository:

git push origin YourBranchName

10. Create a Pull Request!

Congratulations! You've made your first contribution! 🙌🏼

Back To Top

Quick Docker Setup 🐳

Requirement:

  • Docker Desktop

Let's Begin:

  1. Make sure you have followed steps 1, 2, and 3 from the above procedure.
  2. Verify Docker Status:

To ensure a seamless Docker experience, it's essential to check the status of the Docker service on your system.To verify whether the Docker service is currently active or inactive, you can use the following steps:

  • Check Docker Service Status:
systemctl status docker

if it's inactive, you'll need to take corrective action.

  • To activate the Docker service, use the following command:
systemctl start docker
  1. Build

Now, let's build the Docker image named 'metaverse' using the docker build command:

docker build -t metaverse .
  1. Run

Write the following command to run a Docker container named 'metaverseee'

docker run -d -p 3000:80 --name metaverseee metaverse
  1. Wait until the [Container ID] appears.
  2. Search the following syntax in your web browser to view the website.
localhost:3000
  1. Stop:

Run the following command to stop the Docker container:

docker stop [container ID]

Show some ❤️  by giving to this repo

GSSOC'24 Extended Mentor 👨‍💻


Disha Hati


Kunal Dalvi

GSSOC'24 Mentor 👨‍💻


Sagnik Sahoo

SSOC'24 Mentor 👨‍💻


Anurag Verma

METAVERSE Project Moderators(admin)


Shuvadipta Das


Shruti Sen


Ankita Sikdar

Project Admin


Arpan Chowdhury

Project Contributors

Thank you to all the amazing contributors who have made this project possible!!💝

License

Back To Top

About

🚀 Welcome to our GitHub repository, Officially accepted for GSSOC Ext'24 🌟& WOB'24🌟Hactoberfest'24 🌟Explore a dynamic collection of front-end projects, powered by HTML, CSS, JavaScript, and React. Join our community to contribute your creations 🎨, add features 🛠️, or squash bugs 🐛 in existing projects.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published