Welcome to the Nicz repository! This project is dedicated to creating a beautiful, dynamic, and user-friendly website with cutting-edge technology. The website includes features like a starry glowing background, interactive mouse tracking, and floating animations, making the user experience engaging and visually appealing.
- Starry Glowing Background: A dynamic starry effect with glowing stars in the background.
- Mouse Tracking: Stars follow the user's mouse movements for an interactive effect.
- Floating Stars: Random floating stars animate across the screen, creating a captivating visual design.
- Responsive Design: The website is designed to be fully responsive, adapting to various screen sizes.
- Center Content: A well-positioned section that holds the main content of the website, ensuring readability and accessibility.
- HTML: Structure of the web page and content.
- CSS: Styling and animations for the glowing stars, background, and floating effects.
- JavaScript: Mouse tracking functionality and dynamic floating stars animation.
- Bolt Build Tool: Used for website building and optimization.
| Package | Version (click for changelogs) |
|---|---|
| Nicz |  |
| @vitejs/plugin-legacy |  |
| create-nicz |  |
-
Clone the repository to your local machine using:
git clone https://github.com/Nicztin/Nicz
Navigate to the project folder:
cd nicz-website
Since this project uses Bolt, ensure you have the required dependencies set up:
Install Bolt if you haven't already:
npm install -g @bolt/cli
Install the project dependencies:
npm install
To view the website locally, run the following command:
npm run dev
This will start the development server and open the website in your browser at http://localhost:3000.
/nics-website /assets /images # Contains images for the website /css /styles.css # Main stylesheet for styling the website /js /script.js # JavaScript file for mouse tracking and star animations /index.html # Main HTML file for the website README.md # Documentation for the project
Feel free to modify the design and effects based on your preferences:
- Star Count: Adjust the number of floating stars by editing the value in the createFloatingStars() function in script.js.
- Speed & Size of Floating Stars: Modify the @keyframes animations in the styles.css file to adjust speed and size.
- Mouse Tracking Effect: You can alter the way stars interact with the mouse by modifying the mousemove event in script.js.
Our Pledge In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.
Our Standards Examples of behavior that contributes to creating a positive environment include:
Your space, your way. Codespaces is a home away from home for your code that feels just like your usual machine.
This project is licensed under the MIT License. See the LICENSE file for details.
For any questions or inquiries, feel free to contact us at:
Email: nicztin@gmail.com GitHub: https://github.com/Nicztin/
Feel free to copy and paste this README.md into your project! You can also update the repository URL and contact details to match your project specifics. Let me know if you need more assistance!