Project Name : Dev Learn - A E-learning platform

Live Website Link - https://dev-learn-787a8.web.app/

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.