Skip to content

React.js | CSS | i18n | JavaScript | ReactRouterDom | ReactStrap

Notifications You must be signed in to change notification settings

YosefElsersy/BATU-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Multilingual Web Application

This project showcases a dynamic, University web application built using React.js, integrating i18n for internationalization, styled with CSS and ReactStrap, and navigated using ReactRouterDom. It's designed to deliver a seamless, user-friendly experience across various languages, demonstrating the power and flexibility of React and associated technologies.

Screenshot_4

Features

  • Internationalization with i18n: Supports multiple languages, making the application accessible to a global audience.
  • Responsive Design: Utilizes CSS and ReactStrap for a mobile-first, responsive design that looks great on all devices.
  • Single Page Application (SPA): Leverages ReactRouterDom for smooth, seamless navigation without page reloads.
  • Dynamic Content Rendering: Employs React.js for efficient updates and rendering of user interfaces.
  • Modular JavaScript: Organized and modular JavaScript code for easy maintenance and scalability.

Technologies Used

  • React.js: A JavaScript library for building user interfaces.
  • CSS: Styling of the application for a visually appealing layout.
  • i18n: Internationalization framework integrated into React for multilingual support.
  • ReactRouterDom: Declarative routing for React applications, enabling navigation between different components.
  • ReactStrap: Easy-to-use React Bootstrap 4 components that favor composition and control.

Getting Started

To get a local copy up and running, follow these simple steps:

  1. Clone the repository:
    git clone https://github.com/YosefElsersy/BATU-React.git
    
  2. Navigate to the project directory:
    cd BATU-React
    
  3. Install dependencies:
    npm install
    
  4. Start the development server:
    npm start
    
    This runs the app in development mode. Open http://localhost:3000 to view it in your browser.

Contributing

We welcome contributions to make this project even better. Whether it's feature requests, bug reports, or code contributions, please feel free to make an issue or pull request.


About

React.js | CSS | i18n | JavaScript | ReactRouterDom | ReactStrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published