https://github.com/raihanuldev/students-portal

The project primarily focuses on utilizing Redux and Redux Toolkit Query (RTK Query) for efficient state management and data fetching. The frontend is built with React and TypeScript for type safety, while Ant Design (antd) is used for the UI components. The backend is powered by Node.js and Express.js, with MongoDB as the database solution.
https://github.com/raihanuldev/students-portal

redux redux-rtk-query

Last synced: 18 days ago
JSON representation

The project primarily focuses on utilizing Redux and Redux Toolkit Query (RTK Query) for efficient state management and data fetching. The frontend is built with React and TypeScript for type safety, while Ant Design (antd) is used for the UI components. The backend is powered by Node.js and Express.js, with MongoDB as the database solution.

• Host: GitHub
• URL: https://github.com/raihanuldev/students-portal
• Owner: raihanuldev
• Created: 2024-08-16T20:42:35.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T03:09:33.000Z (3 months ago)
• Last Synced: 2024-10-11T07:42:25.134Z (about 1 month ago)
• Topics: redux, redux-rtk-query
• Language: TypeScript
• Homepage: https://students-portal-ivory.vercel.app
• Size: 120 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Student-Portal - Bangladesh Sweden Polytechnic Institute

## Project Overview

The **Student-Portal** is a web application developed for the students of Bangladesh Sweden Polytechnic Institute. This platform aims to streamline various student-related activities by providing a centralized system for information management and communication.

The project primarily focuses on utilizing **Redux** and **Redux Toolkit Query (RTK Query)** for efficient state management and data fetching. The frontend is built with **React** and **TypeScript** for type safety, while **Ant Design (antd)** is used for the UI components. The backend is powered by **Node.js** and **Express.js**, with **MongoDB** as the database solution. Authentication is handled through a custom authentication system to keep the process simple and tailored to the project's needs.

## Key Features

- **User Authentication**: Secure and straightforward custom authentication system for student login and registration.

- **State Management**: Efficient state management using Redux and RTK Query.

- **Type Safety**: TypeScript integration for type safety and better development experience.

- **Responsive Design**: User-friendly and responsive interface built with React and Ant Design.

- **API Integration**: Robust backend API developed with Node.js and Express.js.

- **Database Management**: Data storage and retrieval handled by MongoDB.

- **Real-time Updates**: Immediate data fetching and updating using RTK Query.

## Technologies Used

### Frontend

- **React**: For building interactive user interfaces.

- **TypeScript**: For adding static typing to JavaScript.

- **Ant Design (antd)**: For UI components and styling.

- **Redux**: For managing application state.

- **Redux Toolkit Query (RTK Query)**: For efficient data fetching and caching.

- **CSS/SCSS**: For additional styling.

### Backend

- **Node.js**: For server-side scripting.

- **Express.js**: For building RESTful APIs.

- **MongoDB**: For database management.

- **Mongoose**: For object data modeling (ODM).

## Installation

Follow these steps to set up and run the project locally.

### Prerequisites

Ensure you have the following installed on your system:

- **Node.js** (v14 or later)

- **npm** or **yarn**

- **MongoDB** instance

### Steps

1. **Clone the Repository**

   ```bash

   git clone https://github.com/raihanuldev/student-portal.git