https://github.com/aliiimaher/english-institute-website-react

This is a front-end project for an English institute class.
https://github.com/aliiimaher/english-institute-website-react

axios bootstrap reactjs typescript vite

Last synced: 3 days ago
JSON representation

This is a front-end project for an English institute class.

• Host: GitHub
• URL: https://github.com/aliiimaher/english-institute-website-react
• Owner: aliiimaher
• License: mit
• Created: 2023-07-11T11:51:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-02T10:22:04.000Z (over 1 year ago)
• Last Synced: 2024-11-13T20:41:52.945Z (2 months ago)
• Topics: axios, bootstrap, reactjs, typescript, vite
• Language: TypeScript
• Homepage: https://zabanlearner.ir/
• Size: 8.27 MB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


     Zaban Learn

  
 


# Language-Institute-Website-React

This is a front-end project for a language institute built with **TypeScript, Bootstrap CSS, Vite, React.js, Scss, and Axios**. 

![GitHub Repo Stars](https://img.shields.io/github/stars/aliiimaher/English-Institute-Website-React?label=Stars)

![GitHub forks](https://img.shields.io/github/forks/aliiimaher/English-Institute-Website-React?label=Forks)

![Started Years](https://img.shields.io/badge/Since-2023-purple?style=flat)







  

  



## Demonstration

You can visit here to see the website: https://zabanlearner.ir/

## Installation

Clone the source code into your computer.

```

git clone https://github.com/aliiimaher/English-Institute-Website-React.git

```

Install the project's dependencies.

```

npm install

```

Run the project easily with HMR (I've used Vite):

```

npm run dev

```

## ✨Features

- Full error checking (password length checking, duplicated username, duplicated email, ...).

- Full responsive (in three sizes: desktop, tablet, and phone)

- User Authentication

- Context API: I've implemented the Context API, likely for managing user authentication and sharing data across components.

- Axios: Axios is used for making HTTP requests to your backend server. This is common for fetching data and interacting with APIs.

- File Uploading

- Loading Indicators: Loading indicators or spinners are displayed to inform users that content is being loaded.

- Form Handling: The "react-hook-form" library is used for handling form submission.

## Other

### Back-End

The Back-End is coded with Django by [@MsnzmT](https://github.com/MsnzmT)

Repo: https://github.com/MsnzmT/English_Institue_Website_Django 

### UI/UX

Perfect Design by [@AmuYousof](https://github.com/YousofAsadi)

## Responsive :")