Skip to content

indrajith76/dev-learn-client-side

Repository files navigation

Project Name : Dev Learn - A E-learning platform

This is a E-Learning website. Where anyone can build their technological skills.

In this Project I used :

  • Tailwind CSS.
  • React Awesome slider
  • React icons
  • Lottie for animation.
  • Sweet Alert2.
  • react to pdf.
  • Firebase.
  • Express JS for server side.
  • React, React Router.
  • Private Routing.
  • Context API.
  • Regex for validation.
  • Email Password,Facebook, Google and Github authentication.
  • Used Vercel for server side deploy.
  • React Loader etc.

In This Project what i did?

  • First of all i configure firebase and for server side.
  • after that i secure my firebase information.
  • Then i made some api for my project and also deploy sever side on Vercel hosting website.
  • Then I created a react app for client side.
  • Then I installed tailwind framework, react-router-dom, firebase and others dependencies.
  • After doing this i created route and components.
  • After that i fetch API data and loaded in route loader, then i received data using useLoaderData() hook.
  • I loaded data in my site doing some looping and using some prop drilling and also using context API
  • I also build login, registration functionalities and private route.
  • lastly i added profile update features for existing users.