Skip to content

A responsive and dynamic web page for browsing and searching articles, developed for IEEE CIS MITBLR. This project features JSON-driven data rendering, advanced search functionality, and a pastel-themed design optimized for readability and accessibility. Perfect for showcasing a collection of articles with an intuitive user experience

License

Notifications You must be signed in to change notification settings

skadoosh515/ieee-cis-mitblr

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

IEEE CIS MITBLR Articles Listing Project

Welcome to the official repository of the IEEE CIS MITBLR Articles Listing Project! This project is designed to showcase the articles, events, and member details of the IEEE Computational Intelligence Society at MIT Bengaluru. Check out the website here: IEEE CIS MITBLR Website

Table of Contents

Introduction

The IEEE CIS MITBLR Articles Listing Project serves as a dynamic webpage for our society. It provides:

  • A visually appealing and responsive platform to explore articles written by our members.
  • A dedicated section for society events.
  • A space to showcase the achievements and profiles of society members.

Check out the live page: IEEE CIS MITBLR Repository

Features

Articles Section

  • Dynamic Rendering: Articles are fetched dynamically from a JSON file and displayed in a responsive grid layout.
  • Search Functionality: Search by title or author, with real-time results displayed dynamically below the search bar.
  • Pagination: Efficient "Load More" functionality for browsing articles in manageable chunks.

Events Section

  • Our Events: Displays a list of society events with details like event title, date, time, description, and links for further information.

Members Section

  • Team Showcase: A dedicated section to highlight the members of IEEE CIS MITBLR.
  • Responsive Layout: Optimized for both desktop and mobile viewing.

Design

  • Pastel-Themed UI: Aesthetically pleasing, pastel-based color scheme to enhance readability and appeal.
  • Fully Responsive: Works seamlessly across devices of all sizes.

File Structure

.
├── data/
│   ├── articles.json          # JSON file containing all articles
│   ├── events.json            # JSON file containing event details
│   ├── members.json           # JSON file containing member information
├── css/
│   ├── articles.css           # Styles specific to the Articles page
│   ├── styles.css             # Common styles shared across pages
├── images/
│   ├── articles/              # Images used for articles
│   ├── events/                # Images used for events
│   ├── members/               # Images of members
│   ├── socialMedia/           # Images of social media applications
├── scripts/
│   ├── articles.js            # JS functionality for Articles page
│   ├── events.js              # JS functionality for Events section
│   ├── members.js             # JS functionality for Members section
├── index.html                 # Homepage linking to all sections
├── articles.html              # Articles listing page
└── README.md                  # Project documentation

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

We would like to express our heartfelt thanks to the following:

  • IEEE Computational Intelligence Society (CIS) for providing the platform and the resources for the development of this project.
  • MIT Bengaluru for their continuous support and collaboration.
  • All the members and contributors of IEEE CIS MITBLR for their hard work, dedication, and efforts in bringing this project to life.
  • Open Source Community for providing valuable resources and libraries that made the development of this project possible.

Special thanks to Akshat G and anyone who has directly contributed to the code, design, and functionality of this repository.

About

A responsive and dynamic web page for browsing and searching articles, developed for IEEE CIS MITBLR. This project features JSON-driven data rendering, advanced search functionality, and a pastel-themed design optimized for readability and accessibility. Perfect for showcasing a collection of articles with an intuitive user experience

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 51.7%
  • JavaScript 31.6%
  • HTML 16.7%