Code Monkey home page Code Monkey logo

series-and-movies's Introduction

Bu proje create-react-app ile başlatıldı.

Folder Structure

app/
	README.md
	node_modules/
	package.json
	public/
		index.html
		favicon.ico
	src/
		assets/
			img/
			style/
			svg/
		components/
			Button/
				Button.js
				button.scss
			Cards/
				Card.js
				CardList.js
				cards.scss
			Content/
				Content.js
				content.scss
			Footer/
				Footer.js
				footer.scss
			Header/
				Header.js
				header.scss
			ListPage/
				ListPage.js
			Main/
				Main.js
			PageHeader/
				PageHeader.js
				page-header.scss
		helper/
			withLoadingAndError.js
		App.js
		index.js
		serviceWorker.js

Çalıştırılabilir Script'ler

npm start

Uygulamayı development modunda http://locahost:3000 adresinde ayağa kaldırır.

npm run build

Uygulamayı production için hazır hale getirip ilgili dosyaları build klasörüne atar.

Kullanılan Dil Özellikleri

  • En son JavaScript standartlarını destekler.
  • node-sass ile SCSS dosyalarını destekler.
  • Routing için react-router ve react-router-dom destekler.

Detay

  • Uygulamanın aşırı karmaşık yapısının olmaması ve sayda sayısının az olmasından dolayı create-react-app ile uygulama başlatım daha az zaman harcayarak kodlama bölümüne daha kısa bir zamanda geçtim.
  • CSS Framework kullanmadım çünkü daha hızlı projeyi bitirmemi sağlayabilirdi ama projenin boyutundan bir artış olurdu o maliyeti gereksiz buldum.
  • Responsive tarafında daha detaylı geliştirmeler ve tam uyumluluk yapılabilirdi.
  • Vaktim olsaydı 'Series' ve 'Movies' sayfalarında ilk 21 kayıt gösteriminin altında daha fazla göster butonu yerleştirip zaten rest servisten aldığımın elinde hazır olan data üzerinden gösterilmeyen kayıtları da gösterecek bir kod yazabilirdim.

series-and-movies's People

Stargazers

Yunus Emre Geldegül avatar

Watchers

James Cloos avatar Yunus Korkmaz avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.