A comprehensive platform built with React and powered by Vite for enhanced performance. This project leverages the capabilities of React Router for seamless navigation, Axios for efficient API calls, and TailwindCSS for a responsive and modern design. It's designed to provide a seamless experience for administrators to manage courses, view student lists, and perform various administrative tasks. The system also incorporates a modular component structure, making it scalable and maintainable.
- Dashboard: Visualized key metrics using cards with dynamic data.
- Student Management:
- CRUD operations for students.
- Integrated with an external API (dummyjson.com) for fetching and managing student data.
- Implemented search functionality for filtering students.
- Used modals for adding and editing student details.
- Course Management: Manage all the courses offered.
- User Authentication: Ensures user authentication with built-in error handling.
- Navigation: Well-structured sidebar with React Router v6 integration for a smooth SPA experience.
- Responsive Design: Built with mobile and desktop compatibility.
- Search: Efficiently search for students.
- Pagination: Implemented pagination for the student list.
- Search & Filter: Users can effortlessly search and filter through student lists.
- Modals: Provides an intuitive interface for adding and editing student details.
- Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
- React: A JavaScript library for building user interfaces.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- React Router: Declarative routing for React.
- Axios: Promise based HTTP client for the browser and node.js.
- React Hooks: A feature introduced in React 16.8 that allows you to use state and other React features without writing a class.
- React DOM: Provides DOM-specific methods to efficiently update the UI in web applications.
To access the platform:
- Email:
mail@mail.com - Password:
12345
- Clone the project:
git clone https://github.com/altankurt/student-course-hub.git- Navigate to the project directory:
cd student-course-hub- Install the dependencies:
npm install- Run the project locally:
npm run devOpen your browser and navigate to http://localhost:5173
Contributions, issues, and feature requests are welcome! Feel free to check issues page. We can discuss further there.
This project is licensed under the MIT license. For more information, see the LICENSE file.