“Most people overestimate what they can achieve in a year and underestimate what they can achieve in ten years.” Bill Gates.

I work as a Certified English teacher and study Frontend Development. I'm fluent in English (C2 level) and can also speak some Chinese Mandarin (HSK3). I believe in Education and self-development. Watch the video on YouTube

• 🌐 Learn more about me: My Website
• 🏷 My logo: 不怕慢， 就怕听.
• Personality: goal-oriented, hard-working, curious, resilient.

This project involves building a Coffee Shop website, where users can explore various coffee products and interact with different features. The task includes implementing functionalities such as a responsive design, burger menu, and a slider.

Link

• Button UP
• Burger menu
• Responsive Design
• Slider on Home Page

This project involves building a Christmas-themed shop website, where users can interact with a variety of gift-related features. The task involves implementing various interactive functionalities, including a burger menu, timer, random gift suggestions, and category switching for gifts.

Link

• Opening and Closing Burger Menu: The menu is activated when the screen width is 768px or less.
• Slider on Home Page:
• Timer on Home Page: A countdown timer that counts down to a specific event.
• Random Gifts on Home Page: Displays a set of random gift items.
• Category Switching on Gifts Page: Switch between different categories of gifts.
• Button UP on Gifts Page: A button that takes users back to the top of the page.
• Slider on Home Page
• Modal for Selected Product

This project involves building a Nonogram Game, a logic puzzle where players solve nonogram puzzles by filling cells in a grid based on numerical clues. The game is built using JavaScript and CSS, providing an interactive and engaging experience for users. The task includes implementing puzzle generation, user interaction, and validation of the solved puzzles.

Link

• Puzzle Generation: Dynamically generates nonogram puzzles of varying difficulty levels.
• Interactive Grid: Allows users to click or drag to fill or mark cells in the grid.
• Clue Validation: Validates the user's solution against the correct puzzle solution.
• Timer: Tracks the time taken to solve the puzzle.
• Reset Button: Resets the grid to its initial state.
• Hint System: Provides hints to help users solve the puzzle.
• Responsive Design: Ensures the game is playable on both desktop and mobile devices.
• Win/Lose Feedback: Displays a message when the puzzle is solved correctly or incorrectly.
• Introduce animations and sound effects for a more immersive experience.

1. Open the deployed link in your browser.
2. Select a puzzle template.
3. Use the grid to fill or mark cells based on the numerical clues provided.
4. Click the "Solution" button to validate your solution.
5. Reset the puzzle at any time using the "Reset" button.

• JavaScript: For game logic, puzzle generation, and user interaction.
• CSS: For styling the grid, buttons, and overall layout.
• HTML: For structuring the game interface.

• Add more puzzle packs with different themes, and different difficulty levels.

• Implement a save/load feature to resume puzzles later.

• Add a leaderboard to track the fastest puzzle solvers.

  4. Task: News API

link

First introduction to Typescript Migration. News API is a simple HTTP REST API for searching and retrieving news from across the Internet

• Add TypeScript to the project.
• Set up ESLint to work with TypeScript.
• Configure Webpack to work with TypeScript.
• Migrate the application from JavaScript to TypeScript, using: Enums, Interfaces, Types, Generics, Union Types, Access modifiers (private, public), Utility Types (Partial, Pick, Readonly).
• Make the layout adaptive.

• RS School FRONTEND, JS (Stage 1)
• UDEMY course WEB DEVELOPER

• Certified English Teacher (TEFL)

• English: C2 Level
• Chinese Mandarin: HSK3 Level
• Russian