Freeflow Learning: Empowering Free Education
This project, created by our team, is a full-fledged website named Freeflow Learning that generates free courses tailored to your specific needs and interests.
Core Objective:
- Provide users with personalized access to free online courses based on their individual queries and requests.
- Create a central platform where all learning resources related to a particular topic are easily discoverable.
User Experience:
- Login: Start by clicking the "Login" button to authenticate yourself using your Google account. Google Firebase securely handles the backend login process.
- Course Search: Upon successful login, the homepage presents a search bar where you can type any course you're interested in. Relevant links to those courses will be dynamically generated and displayed.
- Course Cards: Generated links are conveniently presented as cards for optimal readability and easy browsing.
- Logout: Once finished, you can seamlessly log out from the website with a two-step verification process confirming your exit.
Tech Stack:
- Frontend: Next.js (TypeScript & TSX) with Tailwind CSS
- Backend: Google Firebase (User Login)
- Course Link Generation: Gemini API (powered by Google)
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.