GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - Rafi-Riday/learning-platform-react-client

BranchesTags
Open more actions menu

Latest commit

 

History

22 Commits
22 Commits

Folders and files

NameName
Last commit message
Last commit date
.firebase
.firebase
 
 
public
public
 
 
src
src
 
 
.firebaserc
.firebaserc
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
firebase.json
firebase.json
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
pnpm-lock.yaml
pnpm-lock.yaml
 
 
postcss.config.cjs
postcss.config.cjs
 
 
tailwind.config.cjs
tailwind.config.cjs
 
 
todo.md
todo.md
 
 
vite.config.js
vite.config.js
 
 

Repository files navigation

Client Side

Website : https://learning-platform-client-c722d.web.app/

Libraries & packages used in this project :

  • vite (for production build)
  • react
  • react-router-dom
  • react-hook-form
  • react-icons
  • react-loader-spinner
  • react-toastify
  • firebase
  • tailwindcss
  • daisyui
  • react masonry css

Features :

  • Responsive NavBar with scrolling effect
  • Implemented toggle dark/light theme
  • Login/Register form built with react-hook-form. Implemented password visibility toggle, email regex & 'forgot password' button.
  • Firebase Authentication & Hosting. Necessary images & videos are also hosted in firebase. (e.g. I hosted a photo named 1.jpg in public/img folder. So, the image file can be found with https://learning-platform-client-c722d.web.app/img/1.jpg . So, I don't need to host image/video on other hosting sites)
  • Used different layout for Course section. Card of all courses, detailed card of courses, and video contents are replaced with each other according to the URL path. But SideBar is not re-rendered. SideBar is added directly in layout (after ). Content URL links are represented in better structured way. Details Cards/Contents are rendered according to user interactions.
  • Used react-toastify to inform user in details. Created 3 types of toasts > infoToast, errorToast and successToast.
  • Added toggled question-answer Blog & FAQ.
  • Added custom ErrorPage in the parent layout element of route paths.
  • grid view in masonry style --> FAQ, Blog

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.