- For using this project you need to install git on your computer
- Then you need to clone the repository through HTTPS
- Then you need to open the folder in your terminal
- Then you need to use git status to see the status of the project
- Then you need to use git add . to add all the changes into staging area
- Then you need to use git commit -m "your message" to commit the changes
- Then you need to use git push to push the changes into the repository
-
git clone .... => clones repository
-
cd ... => change directory to that folder
-
npm install => install all dependencies
-
npm start => start the project
- npm i react-router-dom@latest
- installs the library
- import { BrowserRouter } from 'react-router-dom'
- this should be located in the main JS / JSX file of the project
- import { Routes, Route, Link, Outlet } from 'react-router-dom'
- This helps to create routes and links
- Outlet should be after all links that we created for navigtion
- npm install formik --save
- installs the library
- import { Formik, Form, Field, ErrorMessage } from 'formik';
- this should be located in the main JS / JSX file of the project
- The Form component wraps all the form fields and provides essential context for using Formik's tools. This includes managing the form's state, handling validation, and submitting the form.
- Field is a component provided by Formik that represents a form field. We can use this component to render an input, select, or other form elements. It automatically handles the state of the field, such as its value and validation.
- ErrorMessage is a component provided by Formik that renders an error message for a specific field. We can use this component to display validation errors for a field. This is especially helpful for displaying form errors in a user-friendly way.
- npm install @emailjs/browser
- REGISTER ON emailjs.com TO GET YOUR OWN SERVICE_ID, TEMPLATE_ID, PUBLIC_KEY
- EmailJS
Отправка писем (Gmail || Email ...) https://www.emailjs.com/
- React Toastify
Оповещения (уведомления похожие на alert()) https://www.npmjs.com/package/react-toastify