Skip to content

JuanDiegoCC02/Shared-Reading

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Site Shared Reading

-->Description:

  • Shared Reading is a collaborative reading project that allows multiple users to share the experience of exchanging books. Its main objective is to facilitate the reuse of books, not only by reading and preserving them, but also by ensuring that the book reaches another person, thus promoting reading among different users.
  • This web platform is developed with React as the frontend interface framework, and for the backend, I created a simulation using json-server and db.json.

-->Features:

  • Dynamic Inventory Management (CRUD): A complete system for creating, reading, updating, and deleting books or users in real time, synchronized with a dynamic database (db.json).
  • Data Visualization Panel: Use of ApexCharts to transform flat data into interactive charts that display reading statistics for books or users.
  • Advanced Form Management: Validated forms for user registration and book uploads, ensuring data integrity before sending it to the server.
  • Search and Filtering Logic: Efficient algorithms for filtering the book collection by author, genre, or status, improving the user's search experience.
  • Session Persistence: User management using cookies and local storage, allowing sessions and preferences to be maintained even when the webpage is reloaded.
  • Asynchronous Data Retrieval: Consumption of RESTful APIs through data retrieval, with management of load states and errors.
  • Responsive Design: An adaptable interface that ensures smooth navigation on both computers and mobile devices.

-->Technologies:

  • Languages:
    -HTML5: Structure
    -CSS3: Visual design.
    -JavaScript: Programming logic.

  • Frameworks & Libraries:
    -React: Main library for the user interface.
    -React Router: Library for managing navigation and URL routes.
    -ApexCharts: Library for data visualization and interactive charts.

  • Backend & Storage: Data storage and synchronization.
    -JSON Server: Mock backend to simulate a REST API.
    -db.json: Document database for project prototyping.
    -Local Storage & Cookies: Data storage and session management in the browser.

  • Development Tools:
    -VS Code: Main code editor.
    -GitHub: Version control and code hosting.

  • Design & Collaboration:
    -Figma: User interface (UI/UX) design tools.
    -Trello: Project and task management using Agile methodologies.
    -Slack: Team communication and collaboration.


-->Installation:
//"clone the repository"


-->Credits

  • Final Project Front-End
  • Title: Shared Reading
  • Author: Juan Diego Corella Camacho
  • Tutores: Jean Carlos Barbarena & Barry Vega

About

Shared Reading is a web app for literary exchange designed to promote reading and social interaction. Developed with React, it features a complete CRUD system with administration tables, a mock backend in JSON server format, validation via LocalStorage/Cookies, and charts for data analysis using ApexCharts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors