Student Affairs Website

🎓 Welcome to the Student Affairs Website repository! This project is dedicated to creating an engaging and informative online platform for our university's Student Affairs department, enabling users to seamlessly manage student records.

🌟 Key Features:

Add, Delete, and Search Students: Easily add new student records, delete outdated information, and search for specific students to streamline administrative tasks. Contact and Support: Easily reach out to our dedicated Student Affairs team for assistance and guidance.

📁 Repository Contents:

Add-student.html: HTML page for adding a new student record. Assign_a_department.html: HTML page for assigning a department to a student. Delete-student.html: HTML page for deleting student records. Home.html: The main landing page of the website. LICENSE: The license file for this project. README.md: Project documentation and setup instructions. Search.html: HTML page for searching and filtering student records. Update.html: HTML page for updating student information. View-all-active-inactive-students.html: HTML page for viewing all active and inactive students. animate.compat.css, animate.css, animate.min.css: CSS files for animations. bg_image.jpg: Background image used in the website's design. login.html: HTML page for user authentication and login. package.json and yarn.lock: Project configuration and dependencies. register.html: HTML page for user registration.

🛠️ Development Stack:

Frontend: HTML, CSS, JavaScript, React Backend: Node.js, Express Database: MongoDB Authentication: JWT (JSON Web Tokens) Responsive Design: Bootstrap

🚀 Getting Started:

Clone this repository to your local machine. Set up the required environment variables (e.g., MongoDB connection string, JWT secret key). Install the necessary dependencies using npm or yarn. Run the development server.

Animate.css

If you need the old docs - v3.x.x and under - you can find it here.

Just-add-water CSS animation

Installation

Install with npm:

npm install animate.css --save

Install with yarn:

yarn add animate.css

Getting started

You can find the Animate.css documentation on the website.

Accessibility

Animate.css supports the prefers-reduced-motion media query so that users with motion sensitivity can opt out of animations. On supported platforms (currently all the majors browsers and OS), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.

Core team

Daniel Eden	Elton Mesquita	Waren Gonzaga
Animate.css creator	Maintainer	Core contributor

License

Animate.css is licensed under the MIT license. https://opensource.org/licenses/MIT

Code of Conduct

This project and everyone participating in it is governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to callmeelton@gmail.com.

Contributing

Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That last one is important.