Event_Alert_E-Diary

Event Alert E-Diary : It's like a helpful website for keeping track of your events. You can easily sign up or log in. Then, you can add important event details like the date and location. Plus, you'll get emails to remind you about your events, so you won't forget them. It's super convenient and makes event planning a breeze! I created this project to show my ability to make user-friendly tools. My client's name is Ubaid Gohar, and I have their permission to include it in my portfolio and upload it to GitHub.

What This Project Does: The Event Reminder E-Diary is like a website that makes it simple to plan events and get reminders for them. It's made to ensure you don't forget important events.

Cool Things It Can Do

Sign Up and Log In : You can join by giving your name, email, and password. After that, you can log in with your email and password to use the website.

Make Events : The best part is making events. You put in stuff like the event's name, who's coming, where it is, when it is, and how long it lasts. You can even choose if the event happens again and again, like every day, week, month, or year.

Reminders You Like : You can pick when you want a reminder. It can be 5, 10, or 15 minutes before the event. Or you can choose your own time.

Email Reminders : When your event is about to start, you get an email to remind you. This makes sure you don't forget anything.

People Page : There's a page that helps you find other people near you. You can send them friend requests and see their pages. You can also search for people if you're looking for someone specific.

Easy to Use : The website is made to be simple. You can easily make, change, and look at your events without any trouble.

Project Languages Used: HTML, CSS, Bootstrap, jQuery, PHP, MySQLi PDO, AJAX.

Role : I was the only person working on this.

Final Words : The Event Reminder E-Diary is here to help you remember your important events. It's easy to use and makes sure you're ready for everything coming up. Check out my portfolio to learn more about this project.

Setting Up Your Project

Before proceeding, ensure that both the project name and the database name are set to eDiary. Using any other name may result in issues when working on your localhost environment.

1. Change the Project Folder Name:

• Open the js folder.
• Inside the custom.js file, locate the third line with the following code: var url=window.location.origin+'/eDiary';.
• Replace the word eDiary with the name of your project folder.

2. Update the Files Folder:

• Navigate to the files folder.
• In the function.php file, look for the line with define("BASEURL","http://localhost/ediary");.
• Replace the word ediary with the name of your project folder.

3. Modify the Database Name:

• In the function.php file, locate the function named connection.
• Inside this function, find the dbname value and update it with the desired database name.
• Be sure to update the name type accordingly.

By following these steps, you'll ensure that your project folder, file references, and database connections are appropriately configured for your development environment.

Project Screenshot

Signup Page

Login Page

New Appointment Page

All Event Page

Reminder Data Page