This project was born out of the need to help those who struggle with organizing information while studying. Recognizing that effectively structuring study content can be a challenge for many, I developed this personalized study platform that leverages the Gemini API. The platform generates structured study modules designed to enhance study efficiency and increase user focus. By transforming the way users engage with study materials, the goal is to make learning more accessible, manageable, and productive.
- The user starts by entering their name.
- Then, the user can choose the personality of the "teacher". This feature allows users to tailor the learning experience to their preferred study style by selecting a "teacher" that best matches their learning needs and preferences.
- Finally, the user specifies the topic they want to study. This directs the platform’s focus to the user’s chosen subject, enabling a more targeted and effective learning experience.
- The platform then generates study modules related to the chosen topic, helping the user concentrate and engage more effectively with the subject.
The platform offers users the flexibility to switch between light and dark themes. This functionality enhances the user experience by allowing them to choose the theme that is most comfortable for their eyes. Additionally, the dark theme can help reduce eye strain in low-light environments.
The platform features an efficient pagination system that allows users to easily navigate between different study modules. This ensures a smooth transition from one module to another, helping users maintain focus without being distracted by navigation. Pagination also helps organize study content in a structured and easy-to-follow manner.
The platform was designed with a responsive design approach, ensuring users have a consistent learning experience across various devices. Regardless of screen size - whether on a desktop, laptop, tablet, or smartphone - the user interface dynamically adjusts to provide the best possible view and interaction. This not only improves accessibility but also allows users to study comfortably in any environment, at any time.
The project was built using the following technologies and tools:
- Next.js (App Router) - React framework for web applications.
- React - JavaScript library for building user interfaces.
- TypeScript - JavaScript superset for static typing.
- Tailwind CSS - Utility-first CSS framework for fast and customizable design
- Motion - A robust animation library for modern web projects using JavaScript, React, or Vue.
git clone https://github.com/pedroestevaodev/plataforma-estudo-personalizado.git
cd plataforma-estudo-personalizado$ npm installCreate a .env.local file in the root and configure the following variables:
NEXT_PUBLIC_GEMINI_MODEL="tobemodified"
NEXT_PUBLIC_GEMINI_API_KEY_="tobemodified"
NEXT_PUBLIC_GEMINI_API_KEY="tobemodified"$ npm run devOpen your browser and visit http://localhost:3000 to see the project in action.
You can start editing the homepage by modifying the app/page.tsx file. The browser will automatically update as you make changes to the code.
The easiest way to deploy your Next.js application is by using the Vercel Platform, created by the developers of Next.js.
Check out the Next.js deployment documentation for more details.
Contributions to this project are welcome! Please read the contribution guidelines before submitting a pull request.
This project is licensed under the MIT License.
Built with ☕ by Pedro Estevão