GithubHelp home page GithubHelp logo

zenahr / bookify Goto Github PK

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

Hackathon 3: React.js, Node.js - "Bookify" - Share your book ideas

Home Page: https://bookify-de.herokuapp.com/

JavaScript 79.45% HTML 4.02% CSS 16.53%

bookify's Introduction

Bookify

This web application was made with React.js and Node.js. It was submitted as the final project during the Ironhack Bootcamp for Web Development.

Project details

A working web application should be developed from scratch in 7 days.

Day 1: Idea generation and planning of app mechanics
Day 2-4: Development of core features
Day 5-6: Assembling the prototype and adjustment of code interplay
Day 7: Styling and cleaning of code

The app concept is a social media platform for reading enthusiasts and enables them to efficiently store and share books with the utilization of the Open Library API as the data source.

Overview page Personal touch

Quick start

  1. Sign up and login

  2. Find books you like via the search or random list

  3. Create custom lists and save your books there

  4. Follow other users

  5. Share the books you've read with a personal note

Sources

React.js: https://reactjs.org
Node.js: Node.js: http://nodejs.org
Open Library API: https://openlibrary.org/developers/api
see package.json for further APIs

Font for "Bookify" logo:
HK Grotesk via http://cargocollective.com/hanken/HK-Grotesk-Open-Source-Font \

Icons:
Book: by Kiranshastry from flaticon.com
Edit List: by Freepik from flaticon.com
Plus: by Freepik from flaticon.com
Pulse: via loading.io free license
Arrows: by Roundicons from flaticon.com
Accept: by Roundicons from flaticon.com
Decline: by Freepik from flaticon.com
Delelte: by Smashicons from flaticon.com
Flag: by Freepik from flaticon.com
Interface: by Freepik from flaticon.com
No image: via CC Wikipedia http://cdn3.crystalcommerce.com/themes/clients/elsewherecomics/assets/img/ui/no-image-available.png?1412807702
Avatars: from 'Rick and Morty' series

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.