An unofficial, modern, and open-source re-implementation of the Algerian PROGRES Student Portal (WebEtu) built with React and Tailwind CSS.
You can view a live deployment of the project here.
While specific features depend on the backend integration, a modern student portal frontend would typically offer:
- Responsive Design: Optimized for seamless viewing and interaction across desktop, tablet, and mobile devices.
- Modern UI/UX: A clean, intuitive interface powered by Tailwind CSS.
- Academic Dashboard: A personalized overview of the student's current academic status.
- Consultation of Results: Quick access to grades and evaluation scores.
- Time Table View: Clear display of course schedules.
This project is built using the following core technologies:
| Technology | Description |
|---|---|
| React | A JavaScript library for building user interfaces. |
| Vite | A fast build tool that significantly improves the frontend development experience. |
| Tailwind CSS | A utility-first CSS framework for rapid styling. |
| JavaScript | The primary programming language used for logic. |
Follow these steps to get a local copy of the project up and running.
You need to have Node.js and npm (or yarn/pnpm) installed on your machine.
git clone https://github.com/AkramLZ/WebEtu-React.git
cd WebEtu-ReactInstall the required packages using your preferred package manager:
npm install
# or
yarn install
# or
pnpm installStart the development server. The application will typically run on http://localhost:5173.
npm run dev
# or
yarn dev
# or
pnpm devThe compiled files will be located in the dist directory.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project.
- Create your Feature Branch (
git checkout -b feature/new-feature). - Commit your Changes (
git commit -m 'Add some NewFeature'). - Push to the Branch (
git push origin feature/new-feature). - Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.