This was a nice project to learn but i kinda lost the point to fisnish it. I Learned new things in Backend Logic & Data Management but im now going to move on to new projects.
What's the Point?
- Small project to learn PHP, HTML, JS, and CSS better.
- Maybe help my studying.
- Maybe help other students too.
- Learn how to use AI for error handeling and styling of a Website.
What Will It Do?
- Organize studies.
- Show when exams are coming.
- Help learn for exams.
- Keep track of classes.
- Organize things to do (tasks).
- Write and bring in notes.
- Make learning fun with games.
How I Want to Start:
Make a basic look with boxes.DoneMake a place to save info (database).DoneMake login and sign-up.DoneStart making the task manager.Done- Add comments to the Code ASAP
- Make a level system.
- Let users plan their classes.
- Let users put exams on a calendar.
- Use a tool (maybe AI) to give quests.
- Make a notes tool and maybe connect to apps like Good Notes.
- Make a focus mode with Spotify.
- Find some pixel art for avatars.
- Make emails for signing up.
- Make a list of top users.
Task Manager
- Displays the user's current tasks on the dashboard.
- Quickly add new tasks via an input field and button.
- Checkboxes allow marking tasks as done.
- Completed tasks are displayed with a strikethrough.
- Tasks are saved in a local
task_db.jsonfile. - Once a day (on the first login), completed tasks are automatically removed.
- Simple CSS (
style.css) for basic UI.
Login & Register System
- The front-end interface (
login.phpand associated CSS) allowing users to enter their credentials and log in. - The front-end interface (
register.phpand associated CSS) enabling new users to provide their information and create an account. - Backend logic (using PHP sessions or similar mechanisms) to create, manage, and destroy user sessions after successful login.
Quick Note:
- Maybe I finish this, maybe not. We'll see. I want to learn how to code, so the end result isn't the main thing. Thanks for reading.
Stuff i used in this project:
- https://lucide.dev/icons/ for Icons
- I used https://gemini.google.com to create the placeholder for a Background designed my a real Artist.