Nova - 3D Animated Gaming Website

📔 Table of Contents

• Folder Structure
• Getting Started
• Screenshots
• Tech Stack
• Stats
• Contribute
• Acknowledgements
• Buy Me a Coffee
• Follow Me
• Learn More
• Deploy on Netlify
• Give A Star
• Star History
• Give A Star

‼️ Folder Structure

Here is the folder structure of this app.

game-website/
  |- public/
  |- src/
    |-- components/
      |--- about.tsx
      |--- animated-title.tsx
      |--- button.tsx
      |--- contact.tsx
      |--- features.tsx
      |--- footer.tsx
      |--- hero.tsx
      |--- navbar.tsx
      |--- rounded-corners.tsx
      |--- story.tsx
    |-- constants/
      |--- index.ts
    |-- lib/
      |--- utils.ts
    |-- app.tsx
    |-- index.css
    |-- main.tsx
    |-- vite-env.d.ts
  |- .gitignore
  |- .prettierrc
  |- bun.lockb
  |- eslint.config.js
  |- index.html
  |- netlify.toml
  |- package-lock.json
  |- package.json
  |- postcss.config.mjs
  |- tsconfig.app.json
  |- tsconfig.json
  |- tsconfig.node.json
  |- vite.config.ts

🧰 Getting Started

1. Make sure Git and NodeJS is installed.
2. Clone this repository to your local computer.
3. Open terminal in root directory. Run npm install --legacy-peer-deps or yarn install --legacy-peer-deps or bun install --legacy-peer-deps to install dependencies.
4. Now app is fully configured 👍 and you can start using this app using either one of npm run dev or yarn dev or bun dev.

📷 Screenshots

⚙️ Tech Stack

🔧 Stats

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

💎 Acknowledgements

Useful resources and dependencies that are used in Nova.

• The design and animations of this project were inspired by the Zentry.com website, which is an award-winning website recognized on Awwwards.com.

• @eslint/js: ^10.0.1
• @gsap/react: ^2.1.2
• @tailwindcss/postcss: ^4.1.18
• @tailwindcss/vite: ^4.1.18
• @types/react: ^19.2.13
• @types/react-dom: ^19.2.3
• @vitejs/plugin-react: ^6.0.1
• autoprefixer: ^10.4.24
• clsx: ^2.1.1
• eslint: ^10.0.0
• eslint-plugin-react: ^7.37.2
• eslint-plugin-react-hooks: ^7.0.1
• eslint-plugin-react-refresh: ^0.5.0
• globals: ^17.3.0
• gsap: ^3.14.2
• postcss: ^8.5.6
• prettier: ^3.8.1
• prettier-plugin-tailwindcss: ^0.8.0
• react: ^19.2.4
• react-dom: ^19.2.4
• react-icons: ^5.3.0
• react-use: ^17.5.1
• tailwind-merge: ^3.4.0
• tailwindcss: ^4.1.18
• typescript: ~6.0.2
• typescript-eslint: ^8.54.0
• vite: ^8.0.0

☕ Buy Me a Coffee

🚀 Follow Me

📚 Learn More

To deepen your understanding of React.js and Netlify, explore the following resources:

• React.js Documentation - delve into React.js features, concepts, and API.
• React Official Tutorial - an interactive tutorial to get hands-on experience with React.

For Netlify-specific information:

• Netlify Documentation - learn about Netlify's features, deployment options, and more.
• Getting Started with Netlify and React - a guide on deploying React applications on Netlify.

You're encouraged to contribute and provide feedback on Netlify's GitHub repository.

📃 Deploy on Netlify

The simplest way to deploy your React.js app is to use the Netlify Platform - a powerful platform for modern web projects.

Explore the Netlify deployment documentation for step-by-step instructions on deploying your React.js app on Netlify.

Happy coding, and feel free to share your thoughts and improvements with the Netlify community!

⭐ Give A Star

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

🌟 Star History

(back to top)