https://github.com/nishatrhythm/students-introductory-website-template
Template for making the introductory website of a batch of a university department.
https://github.com/nishatrhythm/students-introductory-website-template
bootstrap css expressjs html javascript multer nodejs student-introductory website-template
Last synced: 12 months ago
JSON representation
Template for making the introductory website of a batch of a university department.
- Host: GitHub
- URL: https://github.com/nishatrhythm/students-introductory-website-template
- Owner: nishatrhythm
- Created: 2023-09-15T09:05:13.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-29T05:00:59.000Z (over 1 year ago)
- Last Synced: 2025-03-21T12:22:22.517Z (over 1 year ago)
- Topics: bootstrap, css, expressjs, html, javascript, multer, nodejs, student-introductory, website-template
- Language: JavaScript
- Homepage:
- Size: 137 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 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](https://nishatrhythm.github.io/CSE11/) 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](https://github.com/nishatrhythm/Students-Introductory-Website-Template/tree/main?tab=readme-ov-file#-getting-started).
## Contributing
Contributions to this project are welcome! Please review the [contribution guidelines](link-to-contribution-guidelines) for details on how to get involved.
## License
This project is licensed under the [MIT License](link-to-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](https://expressjs.com/)
- [Bootstrap](https://getbootstrap.com/)
- [Multer](https://expressjs.com/en/resources/middleware/multer.html)
## Contact
If you have any questions or require assistance, create a new issue [here](https://github.com/nishatrhythm/Students-Introductory-Website-Template/issues).
# 💻 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:
[](https://youtu.be/niB46z6O-UQ)
Click the image above or [here](https://youtu.be/niB46z6O-UQ) to watch the tutorial.
## Downloads
To work on this project, you'll need the following software:
- [Visual Studio Code (VS Code)](https://code.visualstudio.com/download)
- [Node.js](https://nodejs.org/)
## Some Commands Related to This Project
### Check Node.js Version
```bash
node -v
```
### Install Express.js
```bash
npm install express
```
### Install Multer
```bash
npm install multer
```
### Initialize the Node.js Project
```bash
npm init -y
```
### Start Your Server
```bash
node server.js
```
### Check Your Local IP Address
```bash
ipconfig
```
**Make sure that your desktop / laptop and mobile phones are connected to the same Wi-Fi.**