Giter VIP home page Giter VIP logo

client_lap4_project's Introduction

Client_lap4_project



Read Herring is an application that might spark interest for books in you again. Simple and beautiful web-design developed by a team in futureproof bootcamp over a one-week period allows users to search for books as well as look and comment on books in forum.

Features

  • Full site functions unlocked after user signup/login
  • Edit profile including favourite book section
  • Forum Even though the whole application is available for all users - only users who have accounts can have their own profile page with customized shelves for books which they have grabbed from books page or followed forum's recommandations and they can interact with others. As a registered user you can leave a rating on book that you have read and that is in your bookshelf as well you are able to discuss books in forum, by writing messges and replies. That's not all! Be free to follow a fellow user who seems to have similar taste to you or has just interesting ideas about books in general. That gives you an opportunity to have a peak on the followed users' profile, seeing their book shelves. Time to get inspired!

Deployment

Access the deployed client site here.

Backend information

  • Backend GitHub repository is here

  • The backend for this repo is deployed in Heroku


Installation & usage

  • Clone or download code
  • cd in the the folder
  • Exectute these commands to enter development mode:
npm install
npm run start
  • Development Mode:

    • Open http://localhost:3000 to view it in your browser.
    • The page will reload when you make changes.
    • You may also see any lint errors in the console.
    • feel free to make changes in your own local environment

Contact


Technologies

HTML CSS Javascript React Redux Netlify


Process

  • Gathering ideas about the application for given theme(theme: app for book readers to discuss and search for books) and drawing them out in excalidraw/writing a gist.
  • Deciding on tools to be used and presenting the vision taking into account user journey and MVP (Minimum Viable product)
  • Launching backend and frontend repositories.
  • Initial/main routes in backend(Python) and main pages in frontend(React)
  • Starting testing frontend
  • Deployment
  • Starting testing backend functionality
  • Consistent meetings, gathering new ideas and solving coding issues
  • initial presentation
  • final presentation

Wins

  • users are able to search for books based on the title
  • users can open a modal for each book where they can read the description of the book. Loggedin users can, if they like the short summary of the book, put the book in their NextShelf (meaning they'd like to read it in the future)! Or, in case they have read some book, can add it to ReadShelf which in turn allows them to rate and favourite the book.
  • users can create a post on forum page on the topic they choose
  • there's a possibility to leave a reply on the post and like the post that somebody has created
  • on profile page there is a section where people can write an about section about themselves that only they can see

Challenges

  • Data flow
  • API data
  • Testing…

Contribution guide

Look for a file named CONTRIBUTING on a file root level.

Future features

  • Responsiveness
  • Authors
  • Mail Integration
  • Live Chat

Licence

MIT licence

client_lap4_project's People

Contributors

alicekres avatar izgardon avatar rebeccablixt avatar xargon666 avatar aaron-marsh 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.