Giter VIP home page Giter VIP logo

shamiul-anik / language-school-client Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 9.45 MB

Welcome to Language School! Join us on this linguistic adventure and unlock the doors to global communication. Explore our range of language programs today and embark on a transformative learning experience. Open New Horizons: Immerse Yourself in the Art of Language at Language School – where Fluency Fuels Boundless Connections!

Home Page: https://language-school-shamiul.web.app/

JavaScript 95.80% HTML 0.34% CSS 3.86%
express mongodb react tailwindcss firebase jwt-authentication node

language-school-client's Introduction

Language School Language School

Welcome to Language School!

At Language School, we believe that language learning should be an exciting and immersive experience. We are dedicated to providing high-quality language education that fosters communication skills, cultural understanding, and a lifelong passion for languages.

Join us on this linguistic adventure and unlock the doors to global communication. Explore our range of language programs today and embark on a transformative learning experience.

Open New Horizons: Immerse Yourself in the Art of Language at Language School – Where Fluency Fuels Boundless Connections!

Live Website Link:

Client Side Code Link:

https://github.com/shamiul-anik/language-school-client

Server Side Code Link:

https://github.com/shamiul-anik/language-school-server

API Link:

https://language-school-server-shamiul.vercel.app

Features of this Project

  1. Full project is made with responsive design for both smartphone and PC.
  2. A Navbar with navigation options, profile picture when logged in and a login button. Active styles for different routes on the Navbar also added.
  3. Homepage with a Carousel, Popular Instructors, Popular Classes, Statistics, Testimonials, Upcoming Course and Newsletter sections. Here Statistics, Testimonials, Upcoming Course and Newsletter are extra sections added as per the requirements.
  4. Lazy image loading feature implemented for better performance and user experience.
  5. Clicking on the Select Class button will add booking class information in the database.
  6. An Error handling (404) page with error message and animated text and image added for error handling.
  7. Dashboard added for Admin, Students and Instructors.
  8. Dynamic title on the tab added which changes with the menu using custom hook.
  9. Used Railway for server side deployment. (As vercel has some issue regarding data loading)
  10. When reloaded page not found error handling for different routes and live server.
  11. Toast alerts for various user activities.
  12. User's Name and Photo URL update functionality added when registering with email and password.
  13. React Icons added.
  14. Show/Hide password feature added in Login and Registration page.
  15. Accept terms and conditions to continue with the registration process functionality added.
  16. User profile added with update functionality.
  17. Social login functionality added using Google Firebase.
  18. React lazy load added for better user experience and optimization.
  19. Contact and About page added as extra features.
  20. AOS animation added on different sections of Home page.
  21. React Awesome Reveal animation added on Banner of Home, Instructors, Classes, About, Contact and Dashboard pages.
  22. React Icons added.
  23. React Helmet Async used for SEO optimization.

Packages/Services/Font Used:

Serial No. Name Link
1 headlessUI https://headlessui.com/react/dialog
2 Tailwind CSS https://tailwindcss.com/
3 daisyUI https://daisyui.com/
4 Flowbite https://flowbite.com/docs/getting-started/react/
5 React Icons https://react-icons.github.io/react-icons
6 React Rating https://react-rating.onrender.com/
7 React Router https://reactrouter.com/en/main
8 Firebase https://firebase.google.com
9 Google Font https://fonts.google.com/specimen/Poppins
10 Lottie React https://www.npmjs.com/package/lottie-react
11 React Toastify https://www.npmjs.com/package/react-toastify
12 React Lazy Load https://github.com/loktar00/react-lazy-load
13 AOS https://www.npmjs.com/package/aos
14 React Hook Form https://www.react-hook-form.com/
15 SweetAlert2 https://sweetalert2.github.io/
16 Axios https://axios-http.com/
17 TanStack Query https://tanstack.com/query/latest
18 React Responsive Carousel https://react-responsive-carousel.js.org/
19 React Awesome Reveal https://react-awesome-reveal.morello.dev/docs/getting-started
20 React Helmet Async https://www.npmjs.com/package/react-helmet-async

language-school-client's People

Contributors

shamiul-anik avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.