Counter-temperature

This project was created for the purpose of training.

The project represents a temperature meter. Step by step, we are refactoring and using more and more complex technologies.

---

The project uses 2 buttons and a temperature counter. When you press the '+' button, the temperature rises, reverse sitation with the '-' button. The styles on the counter are interactive when the temperature changes, the main color of the counter changes.

Author - Frontend Developer Viacheslav Chernogorov.

Teacher and Reviewer - Senior Frontend Developer `Alexey Abretov'.

---

Technologies

Counter-temperature

• React js,
• useReducer,
• Webpack,
• StoryBook 6.3,
• TypeScript,
• Styled Components,
• ESLint,
• Redux/toolkit;

---

Installation and Launch

Requirements:

• npm >= 6.14;

Launch:

To run on your computer, you need to run the command on your local computer:

• git clone https://github.com/ChernoSlava/counter-temperature.git - To copy the project to a local PC over https;

After that, in the console, you need to run:

• npm i - To install dependencies;

To use:

• `npm start' - The command to start the project;
• `npm run build' - To build the project;
• `npm run storybook' - For using storybook;

---

Links to other projects

Projects created during Yandex training.Workshop:

1. Static website Travel to Russia;
2. Mesto project on pure js;
3. Repository of a full-fledged modified project, Frontend and Backend location;
4. Graduation project Movies explorer.

Projects created with the training and mentoring of senior web developer Abretova A.:

1. Counter;
2. Counter-temperature;
3. ToDo list;
4. Contacts keeper;
5. Fish gallery;
6. Refactoring of the Movies explorer graduation project.

Projects using different technologies:

1. Digitals clock using SCSS/jQuery;
2. Films review using PUG/SCSS;
3. 2d game on Vanila JavaScript/Canvas;
4. React/Next js burger website.