Here is the folder structure of this app.
game-website/
|- public/
|-- audio/
|-- fonts/
|-- img/
|-- videos/
|-- apple-icon.png
|-- favicon.ico
|-- icon1.png
|-- icon2.png
|- 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
|- package.json
|- postcss.config.js
|- README.md
|- tailwind.config.js
|- tsconfig.app.json
|- tsconfig.json
|- tsconfig.node.json
|- vite.config.ts- Make sure Git and NodeJS is installed.
- Clone this repository to your local computer.
- Open terminal in root directory. Run
npm install --legacy-peer-depsoryarn install --legacy-peer-depsorbun install --legacy-peer-depsto install dependencies. - Now app is fully configured 👍 and you can start using this app using either one of
npm run devoryarn devorbun dev.
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.
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.
- @gsap/react: ^2.1.1
- gsap: ^3.12.5
- react: ^18.3.1
- react-dom: ^18.3.1
- react-icons: ^5.3.0
- react-use: ^17.5.1
- @eslint/js: ^9.13.0
- @types/react: ^18.3.12
- @types/react-dom: ^18.3.1
- @vitejs/plugin-react: ^4.3.3
- autoprefixer: ^10.4.20
- clsx: ^2.1.1
- eslint: ^9.13.0
- eslint-plugin-react: ^7.37.2
- eslint-plugin-react-hooks: ^5.0.0
- eslint-plugin-react-refresh: ^0.4.14
- globals: ^15.11.0
- postcss: ^8.4.49
- prettier: ^3.4.1
- prettier-plugin-tailwindcss: ^0.6.9
- tai 8000 lwind-merge: ^2.5.5
- tailwindcss: ^3.4.15
- typescript: ~5.6.2
- typescript-eslint: ^8.11.0
- vite: ^5.4.10
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.
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!
You can also give this repository a star to show more people and they can use this repository.