test

README.md

@@ -1,36 +1,22 @@
-<div align="center" id="top"> 
-  <img src="./.github/app.gif" alt="Learn" />
-
-  &#xa0;
-
-  <!-- <a href="https://learn.netlify.app">Demo</a> -->
+<h1 align="center">Rings website</h1>
+<div align="center" id="top">
+<img src="./src/img/screen.png" alt="logo" style="width: 300px;">
 </div>
+&#xa0;
 
-<h1 align="center">Ring</h1>
 
 <p align="center">
-  <img alt="Github top language" src="https://img.shields.io/github/languages/top/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8">
-
-  <img alt="Github language count" src="https://img.shields.io/github/languages/count/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8">
+  <img alt="Github top language" src="https://img.shields.io/github/languages/top/matmon12/Rings?color=e0bc45">
 
-  <img alt="Repository size" src="https://img.shields.io/github/repo-size/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8">
+  <img alt="Github language count" src="https://img.shields.io/github/languages/count/matmon12/Rings?color=d36449">
 
-  <img alt="License" src="https://img.shields.io/github/license/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8">
+  <img alt="Repository size" src="https://img.shields.io/github/repo-size/matmon12/Rings?color=4cc71e">
 
-  <!-- <img alt="Github issues" src="https://img.shields.io/github/issues/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8" /> -->
+  <img alt="License" src="https://img.shields.io/github/license/matmon12/Rings?color=56BEB8">
 
-  <!-- <img alt="Github forks" src="https://img.shields.io/github/forks/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8" /> -->
-
-  <!-- <img alt="Github stars" src="https://img.shields.io/github/stars/{{YOUR_GITHUB_USERNAME}}/learn?color=56BEB8" /> -->
+  <img alt="Github stars" src="https://img.shields.io/github/stars/matmon12/Rings?color=56BEB8" />
 </p>
 
-<!-- Status -->
-
-<!-- <h4 align="center"> 
-	🚧  Learn 🚀 Under construction...  🚧
-</h4> 
-
-<hr> -->
 
 <p align="center">
   <a href="#dart-about">About</a> &#xa0; | &#xa0; 
@@ -39,59 +25,62 @@
   <a href="#white_check_mark-requirements">Requirements</a> &#xa0; | &#xa0;
   <a href="#checkered_flag-starting">Starting</a> &#xa0; | &#xa0;
   <a href="#memo-license">License</a> &#xa0; | &#xa0;
-  <a href="https://github.com/{{YOUR_GITHUB_USERNAME}}" target="_blank">Author</a>
+  <a href="https://github.com/matmon12" target="_blank">Author</a>
 </p>
 
 <br>
 
-## :dart: About ##
+## :dart: About
 
-Describe your project
+Website for creating custom designs for rings. Developed using the Three.js library. The idea for creating a website was seen on Instagram.
 
-## :sparkles: Features ##
+## :sparkles: Features
 
-:heavy_check_mark: Feature 1;\
-:heavy_check_mark: Feature 2;\
-:heavy_check_mark: Feature 3;
+:heavy_check_mark: Changing the color of stone and metal;\
+:heavy_check_mark: Choice between rings (5 rings available);\
+:heavy_check_mark: Changing the background of the environment;\
+:heavy_check_mark: Page scrolling;\
+:heavy_check_mark: Adaptive for mobile devices;\
+:heavy_check_mark: Feedback form;\
+:heavy_check_mark: Using Animation;\
+:heavy_check_mark: Optimization;
 
-## :rocket: Technologies ##
+## :rocket: Technologies
 
 The following tools were used in this project:
 
-- [Expo](https://expo.io/)
-- [Node.js](https://nodejs.org/en/)
-- [React](https://pt-br.reactjs.org/)
-- [React Native](https://reactnative.dev/)
-- [TypeScript](https://www.typescriptlang.org/)
+- [Swiper](https://swiperjs.com/)
+- [Tween.js](https://github.com/tweenjs/tween.js)
+- [Three.js](https://threejs.org/)
 
-## :white_check_mark: Requirements ##
+## :white_check_mark: Requirements
 
 Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.
 
-## :checkered_flag: Starting ##
+## :checkered_flag: Starting
 
 ```bash
 # Clone this project
-$ git clone https://github.com/{{YOUR_GITHUB_USERNAME}}/learn
+$ git clone https://github.com/matmon12/Rings
 
 # Access
-$ cd learn
+$ cd Rings
 
 # Install dependencies
-$ yarn
+$ npm install
 
 # Run the project
-$ yarn start
+$ npm run start
 
-# The server will initialize in the <http://localhost:3000>
+# Compiles and minifies for production
+$ npm run build-prod
 ```
 
-## :memo: License ##
-
-This project is under license from MIT. For more details, see the [LICENSE](LICENSE.md) file.
+## :memo: License
 
+This project is under license from MIT. For more details, see the [LICENSE](LICENSE) file.
 
-Made with :heart: by <a href="https://github.com/{{YOUR_GITHUB_USERNAME}}" target="_blank">{{YOUR_NAME}}</a>
+Made with :heart: by <a href="https://github.com/matmon12" target="_blank">Matmon</a>
 
 &#xa0;
 

package.json

@@ -37,7 +37,7 @@
     "docslider": "^3.0.1",
     "exports-loader": "^4.0.0",
     "lethargy": "^1.0.9",
-    "pagepiling.js": "^1.5.6",
+    ".js": "^1.5.6",
     "simplex-noise": "^4.0.1",
     "swiper": "^11.0.5",
     "three": "^0.163.0",

src/index.scss

@@ -3,3 +3,6 @@
 @import 'style/var';
 @import 'style/style';
 
+body {
+  color: #e0bc45;
+}