Skip to content

AlisherXujanov/Fullstack6

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project is testing project of Alisher-Company for his classes


Explanation of usage

  • 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
  • Then you need to use git pull to pull the changes from the repository

INSTALL

  • git clone .... => clones repository

  • cd ... => change directory to that folder

  • npm install => install all dependencies

  • npm start => start the project


Installing routers

  1. npm i react-router-dom@latest
  • installs the library
  1. import { BrowserRouter } from 'react-router-dom'
  • this should be located in the main JS / JSX file of the project
  1. 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

Installing formik

  1. npm install formik --save
  • installs the library
  1. 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.

Installing EmailJS

  1. npm install @emailjs/browser
  2. REGISTER ON emailjs.com TO GET YOUR OWN SERVICE_ID, TEMPLATE_ID, PUBLIC_KEY
  1. EmailJS

Отправка писем (Gmail || Email ...) https://www.emailjs.com/

  1. React Toastify

Оповещения (уведомления похожие на alert()) https://www.npmjs.com/package/react-toastify

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published