OSDEM-DFEC Science Project

This project is a website for the OSDEM-DFEC Science Project, showcasing various sections such as the team, services, gallery, and more.

Table of Contents

• Installation
• Usage
• Technologies Used
• Features
• Credits
• License

Installation

To install and run this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/Ahzem/OSDEM-DFEC.git

2. Navigate to the project directory:

cd OSDEM-DFEC

3. Install the dependencies:

npm install

4. Start the development server:

npm run dev

The project will be available at http://localhost:{port-number}.

Usage

This project is a static website. You can navigate through different sections such as About Us, Vision & Mission, Our Services, Gallery, Our Team, and Contact Us.

Technologies Used

• React.js: JavaScript library for building user interfaces
• CSS: Styling the website
• AOS (Animate On Scroll): Library for scroll animations
• jQuery: JavaScript library for DOM manipulation
• react-image-gallery: Component for creating image galleries
• react-chartjs-2: Charting library
• chart.js: JavaScript library for charts
• Vite: Frontend build tool

Features

• Responsive Design: The website is fully responsive and works on desktop, tablet, and mobile devices.
• Scroll Animations: Smooth animations on scroll using AOS.
• Counter Animation: Animated counters using jQuery.
• Image Gallery: A gallery showcasing images with a fullscreen view using react-image-gallery.
• Interactive Charts: Display of project growth using charts created with react-chartjs-2 and chart.js.

Credits

• Icons: Provided by icons8
• Illustrations: Created with Vectr
• Syntax and Ideas: Assisted by Chat GPT
• Chart Library: react-chartjs-2 and chart.js
• Scroll Animation: AOS
• Counter Animation: jQuery
• Gallery: react-image-gallery

Complete design and development by Ahzem.

License

This project is licensed under the MIT License. See the LICENSE file for more details.