🚀 Project Objective and Overview

Imagine being a new student at a university, in a completely unfamiliar department, with a bunch of strangers around you. It can be pretty overwhelming, right? Well, here's the solution: a Students Introductory Website! It's like your personal bridge to connect with fellow students and learn more about each other.

Now, what's cool is that I've created a super user-friendly template for this website. You don't need to worry about servers, costs, or any fancy programming skills. It's as easy as a few clicks! You can customize and publish your very own website for your department's batch using GitHub pages.

The primary objective of the Students Introductory Website is to streamline student information management within a department of educational institutions. Visit this website to get a overview how it looks like. (N.B: Admin Panel requires setting up the local server, which will be discussed later).

So, let's dive right in and make it happen. Say goodbye to feeling lost and hello to making new friends and connections effortlessly!

Key Features

• Responsive design for use on various devices.
• Smooth UI and animations for an enhanced visual experience.
• Search and filtering capabilities for quick data retrieval.
• Dynamically generated student cards for faster website performance.
• Comprehensive student record management using JSON.
• Image upload functionality for student photos.
• Complete admin panel with a versatile data table and user-friendly forms for effortless student record management.

Technologies Used

• Front-end: HTML, CSS, JavaScript, Bootstrap
• Back-end: Node.js, Express.js
• Database: JSON file (students.json)
• Image Upload: Multer

Installation and Usage

To set up and use the Student Management System, refer to the documentation.

Contributing

Contributions to this project are welcome! Please review the contribution guidelines for details on how to get involved.

License

This project is licensed under the MIT License.

Acknowledgments

I would like to express my gratitude to the open-source community and the following tools and libraries for their contributions to this project:

• Express.js
• Bootstrap
• Multer

Contact

If you have any questions or require assistance, create a new issue here.

💻 Device Requirements

Laptop or Desktop (Required)

You'll need a laptop or desktop computer to create the local server and manage student records through the admin panel. There are no specific device specifications like x86 or x64, RAM, or hard drive space requirements.

Mobile (Optional)

While a laptop is necessary for running the local server and accessing the admin panel, you also have the option to manage student records through the admin panel using a mobile web browser.

Operating System to create the local server (Any One)

• Windows
• Ubuntu
• macOS

Operating System for accessing the Admin Panel (Any One)

• Windows
• Ubuntu
• macOS
• Android
• iOS

🚀 Getting Started

For a comprehensive guide on setting up, modifying the project, and publishing it, you can watch the following YouTube video tutorial:

Click the image above or here to watch the tutorial.

Downloads

To work on this project, you'll need the following software:

• Visual Studio Code (VS Code)
• Node.js

Some Commands Related to This Project

Check Node.js Version

node -v

Install Express.js

npm install express

Install Multer

npm install multer

Initialize the Node.js Project

npm init -y

Start Your Server

node server.js

Check Your Local IP Address

ipconfig

Make sure that your desktop / laptop and mobile phones are connected to the same Wi-Fi.