Code Monkey home page Code Monkey logo

kaganmuslu / superheroes-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 8.35 MB

The project aims to create an interactive application where users can view various superhero information and build their collections. Through this application, users can explore superheroes, view their details, and compete with other users using the collections they have created.

Home Page: https://superheroes-app.vercel.app

Python 30.51% HTML 69.49%
api dc flask marvel superheroes website

superheroes-app's Introduction

Superheroes-App

Ekran görüntüsü 2023-10-28 173717

Projenin amacı, kullanıcılara Süperkahramanlar koleksiyonunu keşfetme ve kendi istedikleri kahraman koleksiyonunu oluşturma fırsatı sunmaktır. Kullanıcılar, uygulama aracılığıyla istedikleri kahramanları edinebilir, kendi koleksiyonlarını oluşturabilir ve bu süperkahramanlar hakkında detaylı bilgilere erişebilirler.

Proje, kullanıcıların siteye giriş yapabileceği veya yeni hesap oluşturabileceği bir kullanıcı giriş ve kayıt olma sistemi içermektedir. Bu sayede kullanıcılar kendi profillerini oluşturabilir, koleksiyonlarını kaydedebilir ve istedikleri kahramanları seçebilirler.

Site üzerinde, belli aralıklarla 2 yeni rastgele kahraman eklenen dinamik bir koleksiyon sayfası bulunmaktadır. Kullanıcılar bu sayede 600'e yakın kahramandan sürekli olarak yeni kahramanları keşfedebilirler.

Ayrıca kullanıcılar, site üzerinde her kahramanın detaylı özelliklerine de erişilebilir. Kahramanların isimleri, cinsiyetleri, ırkları, boyutları, kiloları, göz renkleri, saç renkleri, ikincil kimlikleri, takma adları, doğum yerleri, ilk görünüşleri gibi birçok özellik bulunmaktadır.

Proje, verileri önce bir SuperHero API'den çekerek başlar ve daha sonra bu verileri kendi PostgreSQL veritabanına aktararak kullanıcıların daha hızlı ve güvenilir bir deneyim yaşamalarını sağlar. Bu veritabanı sayesinde kullanıcıların koleksiyonları ve diğer bilgiler güvenli bir şekilde saklanır.

Frontend tarafında HTML, CSS ve Bootstrap 5 kullanılmıştır, bu sayede kullanıcılar kolayca gezinebilirler. Projenin backend kısmı Flask frameworkü kullanılarak geliştirilmiştir. Flask-Login ve Flask-SQLAlchemy kütüphaneleri kullanılarak kullanıcı giriş-çıkış işlemleri ve veritabanı yönetimi kolaylıkla gerçekleştirilir.

Proje, Vercel'de ücretsiz hosting hizmeti ile canlıya alınmış ve PostgreSQL veritabanı da ücretsiz olarak Render.com üzerinde barındırılmıştır. Bu sayede kullanıcılar herhangi bir ücret ödemeden uygulamayı kullanabilirler.

Projenin amacı, süperkahraman koleksiyonlarına ilgi duyan herkesin bu dünyayı keşfetmesine ve kendi özel koleksiyonlarını oluşturmasına olanak sağlamaktır.

Ekran görüntüsü 2023-10-26 164558

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.