This project contains a simple course introduction application developed using React.js. The application creates a web page displaying different courses and is designed using the Bulma CSS framework.
- App.js: Contains the main application component. Course components (Course) are invoked here, and the page structure is built.
- App.css: Contains general styling definitions for the application.
- Course.js: File where the component representing courses is defined.
- images/: Course images are located in this folder.
- React.js: A JavaScript library used for developing the user interface.
- Bulma: A CSS framework used to create the page design.
- Copy the project files to your computer.
- Open a terminal or command prompt and navigate to the project directory.
- Use the npm install command to install dependencies.
- Start the application with the npm start command.
- Visit http://localhost:3000 in your browser to view the application.
Bu proje, React.js kullanılarak geliştirilmiş bir kurs tanıtım uygulamasını içermektedir. Uygulama, farklı kursları gösteren basit bir web sayfasını oluşturur ve Bulma CSS framework'ü kullanılarak tasarlanmıştır.
- App.js: Ana uygulama bileşenini içerir. Kurs bileşenleri (Course) burada çağrılır ve sayfa yapısı oluşturulur.
- App.css: Uygulamanın genel stil tanımlamalarını içerir.
- Course.js: Kursları temsil eden bileşenin tanımlandığı dosyadır.
- images/: Kurslara ait görseller bu klasör altında bulunur.
- React.js: Kullanıcı arayüzü geliştirmek için kullanılan JavaScript kütüphanesi.
- Bulma: CSS framework'ü, sayfa tasarımını oluşturmak için kullanılmıştır.
- Proje dosyalarını bilgisayarınıza kopyalayın.
- Terminal veya komut istemcisini açın ve proje dizinine gidin.
- npm install komutunu kullanarak bağımlılıkları yükleyin.
- npm start komutu ile uygulamayı başlatın.
- Tarayıcınızda http://localhost:3000 adresine giderek uygulamayı görüntüleyebilirsiniz.