CollegeDuniya.edu 🏫

This project is a React application that displays a table of colleges with various features and functionalities.

Tech stack

  1. React JS for functanlity and logic handling
    1. CSS for styling

Features as per Requirements

  1. Table Layout: The project creates a table layout to display college data, including fields like CD Rank, Colleges, Course Fees, Placements, User Reviews, and Ranking.
  2. Infinite Scroll: Initially, the table displays 10 rows, and as the user scrolls down, additional rows are dynamically loaded, implementing infinite scroll functionality.
  3. Featured Flag: If any college has a truthy featured value, a featured flag is displayed in the table. 4. JSON Data: Dummy JSON data of different colleges is used to populate the table.

Functionalities

  • Sorting: Users can sort the table by CollegeDuniya fees, user review rating, and ranking in both ascending and descending orders.
  • Search: The table provides a search functionality allowing users to search for colleges by name.
  • Infinite Scroll: Infinite scroll functionality is implemented to dynamically load more colleges as the user scrolls down.

Installation

  1. Clone the repository: git clone https://github.com/YourUsername/collegeduniya.git
  2. Install dependencies: npm install and Others
  3. Start the application: npm start

Usage

  1. Open your web browser and navigate to http://localhost:3000.
  2. Explore all the colleges across contry.

See sample Project Output samples 📷 !!

or Check out Live : https://college-duniya-614kp01n3-vinayaks-projects-e13254d7.vercel.app/

image image image