Skip to content

aniledev/react-bookmark-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Bookmark Application

Contents

Contents
  1. GitHub Live Pages
  2. About This Project
  3. Usage Examples
  4. Built With
  5. User Stories
  6. Technical Aspects
  7. Upcoming Features
  8. Acknowledgements

GitHub Live Pages

https://aniledev.github.io/react-bookmark-app/

About This Project

In this project, I created an API powered bookmark application, refactored using React instead of jQuery.If you would like to, view the jQuery powered bookmark application here The project has a RESTful API and allows for CRUD actions. Use this bookmark app to collected websites and links you want to share or come back to while clicking through the web.

Usage Examples

Homepage

Start Screen

Add Bookmark Screen

Add Bookmark Screen

Built With

This application is an API powered bookmark creation app that relies on:

User Stories

As a user:

  • I can add bookmarks to my bookmark list. Bookmarks contain a title (required), URL (required), description (optional), and rating 1 to 5 (required).
  • I can see a list of my bookmarks when I first open the app.
  • I can remove bookmarks from my bookmark list.
  • I receive appropriate feedback when I cannot submit a bookmark.
  • I receive appropriate feedback when I attempt to improperly submit a bookmark.

Technical Aspects

  • Use fetch for 3rd-party API requests
  • Use ES6 namespacing principles to adhere to good architecture practices
  • Modularize React components and display good project organizational principles
  • Follows React design principles and correct lifecycle implementation
  • Demonstrates a proficient understanding of prop-types, conditional rendering, state, and request/response cycle
  • Demonstrates a basic understanding of unit testing
  • Responsive and mobile-first design
  • Follows a11y best practices
  • Minimal global variables
  • Ensure that code is DRY

Upcoming Features

  • User can delete bookmark using the Delete button
  • User can filter bookmarks based on rating value
  • User can update bookmark title
  • User can update bookmark description
  • User can update bookmark rating
  • User can reorganize bookmarks in a personalized order
  • User can mass delete bookmarks
  • User can mass edit bookmark ratings

Acknowledgements